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


.headerbanner{width:100%; margin:0 auto; position:relative;}

.con1{width:100%; margin-top:3%; }
.con1con{background: #fff; width:100%; margin: 0 auto;}
.con1con .tt{width:100%; margin: 0 auto; font-size: 0.7rem; text-align: center; font-weight: bold; color: #232323;}
.con1con li{float:left; width:33%; text-align: center; margin: 2% 0 2% 0; }
.con1con li img{width:78%}
.con1con .co1{ color: #888; font-size: 0.26rem; line-height: 1.2em;}
.con1con .clickbtn1{ border-radius:1.5em; padding: 2%; background: #49346d; width:60%; font-size: 0.3rem; font-weight: bold; color: #fff; margin: 5% auto 0;}
.con1con .clickbtn2{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 10% auto 0;animation: updown 2s 0s ease both infinite;}
.con1con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}


.con2{width:100%; margin-top: 10%; background:#392c5a; padding-bottom: 10%;}
.con2text{width:100%;position: relative;}
.con2text h1{position: absolute;width:100%; top:10%;text-align: center; font-size: 0.7rem; color: #fff;}
.con2text h2{position: absolute;width:100%; top:50%;font-size: 0.34rem; text-align: center; padding-top: 3%; color: #a994bf;font-weight: normal;}
.con2text h2 span{ font-weight: bold; color: #f088e1}
.con2text h3{position: absolute;width:100%; top:70%;font-size: 0.34rem;text-align: center;color: #a994bf; font-weight: normal;padding-top: 1%;}
.con2text h3 span{ font-weight: bold; color: #f088e1}

.onecase .click3{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#a95220,#ce8d54);animation: updown 2s 0s ease both infinite;}

.onebg{ background:#59448c;width:96%; margin: 6% auto 0; padding: 1%; border-radius: 1em; position: relative;}
.twobg{ background:#fff;width:98%; margin: 0 auto; padding: 1%;border-radius: 1em}
.threebg{ background:#fff; border: 2px dashed #999;width:95%; margin: 0 auto; padding: 2%;border-radius: 1em}
.tytou{position: absolute; top:-3%; left:18%; width:65.5%;}

.tytext{position: relative; }
.tytext .text{position: absolute; width:100%; top:10%;text-align: center; font-size: 0.5rem; color: #3c3c3c}
.con2con{width:100%; margin: 0 auto; background: #fff; }
.con2con dt{width:100%; padding-top: 4%;}
.con2con .pp{width:46%; padding: 4% 0 4% 2.6%; float:left;}

.con2con dd{padding-bottom: 2%;font-size: 0.34rem; padding-left: 2%; color: #232323; width:96%;float:left;}
.keyword{padding: 1% 5%; border: 1px dashed #999; color: #f088e1;border-radius:1.5em; margin-left: 2%;}
.con2con .clickbtn1{ border-radius:4em; padding: 1%; background:#f088e1; width:45%; float:left; margin: 4% 2% 4%;}
.con2con .clickbtn1 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3%; border: 1px solid #fff; font-size: 0.36rem;text-align: center;}
.con2con .clickbtn2{ border-radius:4em; padding: 1%; background:#7745c3; width:45%; float:left; margin-top: 4%;}
.con2con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3%; border: 1px solid #fff; font-size: 0.36rem;text-align: center;}

.con2 .clickbtn3{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:76%;  margin: 10% auto 0;animation: updown 2s 0s ease both infinite;}
.con2 .clickbtn3 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}


.con4{width:100%; padding: 3% 0;}
.con4 h1{text-align: center; font-size: 0.7rem; color: #232323;}

.con4one{position: relative; margin-top: 4%;}
.con4one h2{position: absolute; top:0%; left:6%; font-size: 0.46rem;  color: #232323;}
.con4one h3{position: absolute; top:-0.5%; left:6%; font-size: 0.46rem;  color: #232323;}
.con4one .co1{position: absolute; top:36%; left:49%; font-size: 0.34rem; color: #666; line-height: 1.6em; width:43%; }
.con4one .co1 span{color: #7a52b7; font-weight: bold;}

.con4two{position: relative; margin-top: 4%;}
.con4two h2{position: absolute; top:16%; left:10%; font-size: 0.46rem;  color: #232323;}
.con4two .co1{position: absolute; top:36%; left:10%; font-size: 0.34rem; color: #666; line-height: 1.4em; width:43%; }
.con4two .co1 span{color: #7a52b7; font-weight: bold;}
.con4 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:80%;  margin: 4% auto 0;animation: updown 2s 0s ease both infinite;}
.con4 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}







.con4{width:100%; padding-top:4%; }
.con4 h1{text-align: center; font-size: 0.66rem; color: #232323;}

.ysbox{display:block;width:100%; position:relative;}
.ysbox h3{width:66%;position:absolute;color:#383838;font-weight:600; font-size:.6rem; left:0;top:10%; text-align:center;}
.ysbox h3 span{font-size:.37rem;font-weight:normal;}
.ysbox h3 p{font-size:.37rem; color:#383838; font-weight:normal;}
.ysbox dl{ position:absolute;width:66%;left:0; top:32%;text-align:center;}
.ysbox dl dt{display:inline-block;font-size:.33rem;color:#fff; background:#7745c3; margin-bottom:2%; padding:.1em 1em; border-radius:1.2em;}
.ysbox dl dd span{display:inline-block;margin-left:1%; text-align:center; font-size:.3rem;color:#60338f; border:.02rem dotted #60338f; padding:0.2em 0.5em; border-radius:1.4em; box-sizing:border-box;}
.ysbox .p2{width:66%;position:absolute; font-size:.32rem;color:#494949; left:0; top:52%; text-align:center;}
.ysbox .p2 span{color:#7745c3;font-weight:600;}
.ysbox .p1{ position:absolute; font-size:.3rem;color:#966b2e; left:0; top:72%; width:66%; text-align:center;}
.ysbox .p1 span{color:#343434; margin-right:3%;}
.ysbox .btn{position:absolute; display:inline-block; left:6%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}

.ysbox .btn1{position:absolute; display:inline-block; left:34%;top:82%; background:#966b2e;color:#fff; font-size:.33rem; padding:.5em 1em;}
.ysbox .btn1 i{display:inline-block; width:.3rem; vertical-align:middle;}

#zjswiper{width:100%; margin:5% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
.duib{margin-top:6%;}
.duib .db{margin-top:3%;}
.duib .db .left{float:left;width:50%;padding-top: 8%;    padding-bottom: 6%;}
.duib .db .left dt{position:relative;font-size:0.41rem;font-weight:bold;text-align:center;}
.duib .db .left dt .biao{position: absolute;
    width: 25%;
    left: 63%;
    top: -73%;}
.duib .db .left dl{font-size:0.32rem;color:#c5434b;text-align:center;}
.duib .db .left p{font-size:0.3rem;margin-left:7%;width:82%;margin-top: 4%;}
.duib .db .left p span{font-weight:bold;}
.duib .db .left .on{text-align: center;
    font-size: 0.34rem;
    font-weight: bold;
    background-image: linear-gradient(90deg,#e53e3a,#e35b59);
    width: 74%;
    color: #fff;
    border-radius: 0.5rem;
    padding: 3% 4%;
    margin: 7% auto 0;}
	
.duib .db .right{float:left;width:50%;background:#fee4da;padding-top: 8%;    padding-bottom:6%;}

.duib .db .right dt{position:relative;font-size:0.41rem;font-weight:bold;text-align:center;}
.duib .db .right dt .biao{position: absolute;
    width: 33%;
    left: 51%;
    top: -73%;}
.duib .db .right dl{font-size:0.32rem;color:#c5434b;text-align:center;}
.duib .db .right p{font-size:0.3rem;margin-left:7%;width:82%;margin-top: 4%;}
.duib .db .right p span{font-weight:bold;}
.duib .db .right .on{text-align: center;
    font-size: 0.34rem;
    font-weight: bold;
    background-image: linear-gradient(90deg,#e53e3a,#e35b59);
    width: 74%;
    color: #fff;
    border-radius: 0.5rem;
    padding: 3% 4%;
    margin: 7% auto 0;}



.con5{width:100%; padding-top: 10%; }
.con5 ul{width:100%; margin-left: 3%;}
.con5 li{float: left; padding: 2% 0 0 3%;}
.con5 .co1{width:42%;}
.con5 .co2{width:43.7%;}
.con5 h1{text-align: center; font-size: 0.66rem; color: #232323;}


.con6{width:100%; padding:4% 0; background: #dfd5f8; margin: 3% 0}
.con6 h1{text-align: center; font-size: 0.66rem; color: #232323;}
.con6 h2{font-size: 0.46rem; text-align: center;  color: #232323;font-weight: normal;}
.con6one{padding: 8% 0 3%; position: relative;}
.con6one .co1{position: absolute; top:16%; left:8%; color: #232323; font-weight: bold; font-size: 0.6rem}
.con6one .co2{position: absolute; top:27%; left:8%;color: #232323; font-size: 0.3rem}
.con6one .co3{position: absolute; top:33%; left:8%;font-size: 0.3rem; color: #7a52b7;}
.con6 li{float: left;  font-size: 0.3rem; color: #666; line-height: 1.4em; }
.con6 .pp1{width:42%;padding: 1% 0 0 5%;}
.con6 .pp2{width:42%;padding: 1% 0 0 5%;}
.con6 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 6% auto 0;animation: updown 2s 0s ease both infinite;}
.con6 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}



.con7{width:100%; padding-top: 14%;}
.con7 h1{text-align: center; font-size: 0.7rem; color: #232323;}
.con7con{width:100%; background: url(../images/bg.jpg) repeat-y; background-size: contain; padding-bottom: 4%;}
.con7con li{float: left; width:38%; font-size: 0.3rem; line-height: 1.4em; color: #232323; }
.con7con .pp1{padding: 3% 0 0 8%;}
.con7con .pp2{padding: 3% 0 0 10%;}
.con7 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 6% auto 0;animation: updown 2s 0s ease both infinite;}
.con7 .clickbtn .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}

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




.con3{padding-top:5%;}
.con3text{position: relative; text-align: center; font-size: 0.6rem; font-weight: normal; color: #232323; line-height: 1.2em;}
.con3text span{font-size: .42rem;font-weight: lighter; color: #a3a3af; text-transform: uppercase}
.con3text .bq{width:16.4%; position: absolute; top:-32%; left: 18%;}

.con3zeo{border-radius: 1.5em; background: #fbe0df; margin-top:28%; position: relative; height: 18rem; margin-bottom: 5%}
.onead{width:86.7%; position: absolute; top:-12%; left: 6.65%; z-index: 100}
.onead11{width:1.6rem; height: 1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:10.7%; left: 19%; border-radius: 10em;z-index: 100}
.onead22{width:1.6rem; height:1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:10.7%; left: 41%; border-radius: 10em;z-index: 100}
.onead33{width:1.6rem; height:1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:10.7%; left: 63%; border-radius: 10em;z-index: 100}
.onead11 .co1{padding-top: 22%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead22 .co1{padding-top: 22%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead33 .co1{padding-top: 28%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onecon1{padding-top:42%; position: relative; color: #232323}
.onecon1 h1{width:100%; text-align: center}
.onecon1 h1 font{padding: 1% 2%;     border-radius: 2em; color: #9d1517; text-decoration: underline;font-size: .46rem; }


.onecon1 h3{text-align: left;  width:100%;  margin-left: 5%; color: #333; margin-top: 4%; position: relative; height: 1.6rem;}
.onecon1 h3 font1{ font-size: 0.28rem; position: absolute; top:0%; left: 12%; width:80%; font-weight: normal;}
.onecon1 h3 font2{ font-size: 0.28rem; position: absolute; top:56%; left: 12%; width:80%; font-weight: normal;}

.onecon1 .bq1{width:13%; position: absolute; top:43.5%; left: 7%;}
.onecon1 .click{width:44%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:5% 0 0 3%;background-image: linear-gradient(90deg,#d43337,#e97477);animation: updown 2s 0s ease both infinite;}
.onecon1 .ss{ width:47%;}
.onecon1 h2{text-align: center; font-size: 0.52rem; width:100%; font-weight: normal; padding-top: 11%; position: relative}
.onecase{position: relative; width:88%; padding-top: 4%; margin: 0 auto}

.onecase .bqq1{position: absolute;  top:9%; left: 3.5%; width:9%}
.onecase .bqq2{position: absolute; top:28%; left: 4%; width:10.18%}
.onecase .click1{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#65459f,#4c2572);animation: updown 2s 0s ease both infinite;}

.mc{ position: absolute; left: 16%; top: 40%; width: 24.7%;animation: zy 2s 0s ease both infinite;}
.pj{ position: relative; width: 100%;  margin: 5% 0; display: block}
.pjt{animation: zy 1.5s 0s ease both infinite;}
.pjtx{ float:left; width: 23.9%;}
.pfnr{float:right; width: 72%;}
.pfnr h4{ text-align: left; font-size: 0.38rem;color:#232323; width: 100%}
.pfnr h4 font{float: right; font-size: 0.3rem; font-weight: 300}
.pfnr span{font-size: 0.30rem;color:#fff; display: block; margin: 1% 0}
.pfnr span img{ width: 18%; vertical-align: middle}
.pfnr p{font-size: 0.30rem;color:#232323}





.con3one{border-radius: 1.5em; background: #adb2d4; margin-top:28%; position: relative; height: 20.3rem; margin-bottom: 5%}
.onead{width:86.7%; position: absolute; top:-12%; left: 6.65%; z-index: 100}
.onead1{width:1.6rem; height: 1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:7.7%; left: 19%; border-radius: 10em;z-index: 100}
.onead2{width:1.6rem; height:1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:7.7%; left: 41%; border-radius: 10em;z-index: 100}
.onead3{width:1.6rem; height:1.6rem; border:1px dashed #01033c; background: #fff; position: absolute; top:7.7%; left: 63%; border-radius: 10em;z-index: 100}
.onead1 .co1{padding-top: 22%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead2 .co1{padding-top: 22%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onead3 .co1{padding-top: 28%; text-align: center;font-size: 0.26rem; color: #01033c; line-height: 1.2em}
.onecon{padding-top:34.3%; position: relative; color: #232323}
.onecon h1{text-align: left; font-size: 0.32rem; width:100%;  margin-left: 5%; color: #9d1517; margin-top: 2% }
.onecon h1 font{border:0.03rem dotted #9d1517; padding: 1% 2%;     border-radius: 2em;
  }
.onecon h1 img{ vertical-align: bottom}

.onecon h3{text-align: left;  width:100%;  margin-left: 5%; color: #333; margin-top: 4%;}.onecon h3 font{ font-size: 0.3rem; display:block; float:left;border:0.02rem solid #333; padding: 1.2%;}
.onecon h3 span{ font-size: 0.44rem; color: #9d1517; padding-top: 2%;float:left; display: block;}
.onecon h3 img{ float:left; display: block; vertical-align: middle}

.onecon .bq1{width:13%; position: absolute; top:43.5%; left: 7%;}
.onecon .click{width:44%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:5% 0 0 3%;background-image:linear-gradient(90deg,#65459f,#4c2572);animation: updown 2s 0s ease both infinite;}
.onecon .ss{ width:47%;}
.onecon h2{text-align: center; font-size: 0.52rem; width:100%; font-weight: normal; padding-top: 11%; position: relative}
.onecase{position: relative; width:88%; padding-top: 4%; margin: 0 auto}

.onecase .bqq1{position: absolute;  top:9%; left: 3.5%; width:9%}
.onecase .bqq2{position: absolute; top:28%; left: 4%; width:10.18%}
.onecase .click1{width:60%;  border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#65459f,#4c2572);animation: updown 2s 0s ease both infinite;}

.mc{ position: absolute; left: 16%; top: 40%; width: 24.7%;animation: zy 2s 0s ease both infinite;}
.pj{ position: relative; width: 100%;  margin: 5% 0; display: block}
.pjt{animation: zy 1.5s 0s ease both infinite;}
.pjtx{ float:left; width: 23.9%;}
.pfnr{float:right; width: 72%;}
.pfnr h4{ text-align: left; font-size: 0.38rem;color:#232323; width: 100%}
.pfnr h4 font{float: right; font-size: 0.3rem; font-weight: 300}
.pfnr span{font-size: 0.30rem;color:#fff; display: block; margin: 1% 0}
.pfnr span img{ width: 18%; vertical-align: middle}
.pfnr p{font-size: 0.30rem;color:#232323}






.con3two{border-radius: 1.5em; background: #f3d3c7; margin-top:28%; position: relative; height: 20.3rem; margin-bottom: 5%}
.onecon .click1{width:44%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:5% 0 0 3%;background-image:linear-gradient(90deg,#a31c1f,#f47888);animation: updown 2s 0s ease both infinite;}



.con3three{border-radius: 1.5em; background: #ebc9af; margin-top:28%; position: relative; height: 20.3rem; margin-bottom: 5%}
.onecon .click1{width:44%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:5% 0 0 3%;background-image:linear-gradient(90deg,#a31c1f,#f47888);animation: updown 2s 0s ease both infinite;}
.onecon .click2{width:44%; float: left; border-radius: 2em; text-align: center; font-size: 0.36rem; color: #fff; padding: 1.8% 0; font-weight: 700; margin:5% 0 0 3%;background-image:linear-gradient(90deg,#a85120,#ce8d54);animation: updown 2s 0s ease both infinite;}





.con111 .click3{width:60%;  border-radius: 2em; text-align: center; font-size: 0.38rem; color: #fff; padding: 2% 0; font-weight: 700; margin:5% auto 0;background-image:linear-gradient(90deg,#d43337,#e97477);animation: updown 2s 0s ease both infinite;}
.xl1{ display: block; width: 100%;  background: url(../images/xl_02.jpg) no-repeat; background-size: 100%;position: relative;height: 2.2rem; margin-top: 4%;}

.con111 .xl1 h1{     position: absolute;
    left: 46%;
    top: 2%;
    text-align: left;
    line-height: 0.65rem;}
.xl1 h1 p{ font-size: 0.4rem;  color: #232323333;margin-left:10%;}
.xl1 h1 span{ font-size: 0.32rem;  color: #df955a}
.xl1 .clickc{width:40%; position: absolute;left: 48%; bottom: 0%;border-radius: 2em; text-align: center; font-size: 0.32rem; color: #fff; padding: 2% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#cc8a56,#a95429);}

.xl3{ display: block; width: 100%;  background: url(../images/xl_06.jpg) no-repeat; background-size: 100%;position: relative;height: 2.2rem; margin-top: 4%;}
.con111 .xl3 h1{position: absolute;
    left: 46%;
    top: 5%;
    text-align: left;
    line-height: 0.65rem;}
.xl3 h1 p{ font-size: 0.4rem;  color: #232323333;margin-left:11%;}
.xl3 h1 span{ font-size: 0.32rem;  color: #df955a}
.xl3 .clickc{width:40%; position: absolute;left: 48%; bottom: 0%;border-radius: 2em; text-align: center; font-size: 0.32rem; color: #fff; padding: 2% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#cc8a56,#a95429);}

.xl2{ display: block; width: 100%;  background: url(../images/xl_04.jpg) no-repeat; background-size: 100%;position: relative;height: 2.2rem; margin-top: 4%;}
.con111 .xl2 h1{ position: absolute; left:8%; top: 2%; text-align: left; line-height: 0.65rem;}
.xl2 h1 p{ font-size: 0.4rem;  color: #232323333;margin-left:12%;}
.xl2 h1 span{ font-size: 0.32rem;  color: #df955a}
.xl2 .clickc{width:40%; position: absolute;left: 10%; bottom: 0%;border-radius: 2em; text-align: center; font-size: 0.32rem; color: #fff; padding: 2% 0; font-weight: 700; margin:4% auto 0;background-image:linear-gradient(90deg,#cc8a56,#a95429);}

.wz1{ margin-left:4%;}
.wz1 h2{ font-size: 0.5rem; color: #232323}
.wz1 h2 img{ vertical-align: middle; padding-right: 2%;}
.wz1 h1{ text-align: left; font-size: 0.32rem}
.wz1 h1 img{ display: inline-block; vertical-align: top}
.wz1 h1 font{display: inline-block; width: 79.5%;}

.ybad{ width: 90%; margin: 5% auto 0%; display: block; padding: 3%;  background: url(../images/xmbg.jpg) no-repeat; background-size: 100%;position: relative; height: 4.7rem}

.ybad h1{ font-size: 0.52rem; font-weight: 500; text-align: center; display: block; color: #fff; margin-top: 3%}
.ybad h1 strong{border-bottom: 0.018rem solid #fff}
.ybad ul{ width: 100%; float:left; margin: 5% 0 6% 0}
.ybad ul li{float:left; padding: 1.8% 1%; text-align: center; width:28%; margin: 0.6% 1.3%; background: none; border-radius: 0.1rem; border: 0.016rem dashed #b7b6bf; color: #fff; font-size: 0.32rem;}
.ybad a{ width: 100%; display: block; color: #fff}
.ybad ul li.last{ background: #a75d35;}
.ybad ul li.last a{color: #fff}
.wjbtn{ width: 68%; position: absolute; left: 17%; bottom:9%;background-image:linear-gradient(90deg,#ba6532,#dca576);text-align: center; font-size: 0.36rem; font-weight: 600; padding: 1.8% 0;animation: updown 2.5s 0s ease both infinite; border-radius: 2em;}


.clickbtn10{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); margin: 9% auto 0;width:92%;text-align:center;}
.clickbtn10 .co{ color: #fff;border-radius:1.6em; padding: 2%; border: 0.017rem solid #fff; font-size: 0.32rem;text-align: center;}