@charset "utf-8";
/* CSS Document */
*{ 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%; }

.fl{float:left;}
.fr{float:right;}



.toutu{width:100%; position:relative; z-index:2;}
.toutu .i1{display:block;width:12%; position:absolute; left:10%; top:65%;}
.toutu .i2{display:block;width:12%; position:absolute; left:25%; top:65%;}
.toutu .i3{display:block;width:12%; position:absolute; left:40%; top:65%;}


.con1{width:100%; margin:0 auto; background:url(../images/bg-con1.png) repeat-y; background-size:100%;padding:1px 0;}
.con1 .tt{width:55%; margin:4% auto 5%;}
.con1 .tt h2{font-size:.66rem; color:#373737; font-weight:normal; line-height:1.5em;font-weight:600; text-align:center;}

.c1ul{width:98%; margin:5% auto;}
.c1ul li{width:33.3333%;float:left; text-align:center; margin-bottom:3%;}
.c1ul li a{display:block;}
.c1ul li img{width:80%;}
.c1ul li p{font-size:.32rem;color:#3b3b3b;}
.c1ul li span{font-size:.32rem;color:#fff; display:inline-block; background:#f253ad; padding:.3em 0.3em 0.3em 0.7em; border-radius:1.6em; margin-top:2%;}
.c1ul li span i{display:inline-block;width:.64rem;height:.32rem; font-style:normal; text-align:left;}

.clickbtn5{display:block;width:69%; margin:7% auto; position:relative;animation:updown 2s 0s ease both infinite;}
.clickbtn5 p{width:100%; position:absolute; left:0;top:17%; font-size:.48rem; color:#fff; text-align:center;}





.con3{width:100%; margin:0 auto; background:#c78dff; padding:1px 0;}
.con3 .tt{margin:7% auto 5%;text-align:center;}
.con3 .tt h2{font-size:.60rem; color:#373737; font-weight:normal; line-height:1.2em;font-weight:600;}
.con3 .tt h2 span{color:#e14340;}
.con3 .tt h3{font-size:.4rem; color:#373737; font-weight:normal; line-height:1.2em; margin-bottom:1%;}
.con3 .tt img{width:60%;}

.casebox{width:96%; margin:5% auto; background:#fff;}
.casebox .casett{width:88%; margin:5% auto;}
.caseul{width:96%; margin:5% auto 2%;}
.caseul li{width:48.5%;float:left; margin-left:1%;}
.casebox .xx{width:94%; margin:1% auto;}
.casebox .xx span{font-size:.33rem;color:#3c3c3c; font-weight:600; margin-right:1%;}
.casebox .xx a{display:inline-block;font-size:.33rem; color:#e14340; padding:.1em .5em; border:1px dashed #e14340; margin-right:2%; border-radius:1.2em;}
.casebox .xx i{font-size:.33rem; color:#3c3c3c; font-style:normal;}
.clickbox{width:94%; margin:5% auto;}
.clickbox a{display:block; width:47%; float:left; text-align:center;font-size:.37rem; background:#fde308; padding:.2em; box-sizing:border-box; margin-left:2%; border-radius:2.4em; animation: ftimg 1s 0s ease both infinite;}
.clickbox a p{font-size:.37rem; font-weight:600; color:#48215d; padding:.5em 0; border:1px solid #fff; line-height:1em; border-radius:2em;}
.clickbox a.s{ background:#5480e9;animation: ftimg 1s .5s ease both infinite;}
.clickbox a.s p{color:#fff;}


.con4{width:100%; margin:0 auto; background:#744cb1; padding:1px 0;}
.con4 .tt{margin:7% auto 5%;text-align:center;}
.con4 .tt h2{font-size:.66rem; color:#fff; font-weight:normal; line-height:1.2em;margin-bottom:1%;font-weight:600;}
.con4 .tt h2 span{color:#f3a242;}
.con4 .tt img{width:60%;}

.con5{width:100%; margin:0 auto; background:#c0a5eb; padding:1px 0;}
.con5 .tt{margin:7% auto 5%;text-align:center;}
.con5 .tt h2{font-size:.66rem; color:#373737; font-weight:normal; line-height:1.2em;margin-bottom:1%; font-weight:600;}
.con5 .tt h2 span{color:#e14340;}
.con5 .tt img{width:60%;}



.con6{width:100%; margin:0 auto; background:#fff; padding:1px 0;}
.con6 .tt{margin:7% auto 5%;text-align:center;}
.con6 .tt h2{font-size:.66rem; color:#3b3b3b; font-weight:normal; line-height:1.2em;font-weight:600;}
.con6 .tt h3{font-size:.4rem; color:#3b3b3b; font-weight:normal; line-height:1.2em; margin-bottom:1%;}
.con6 .tt img{width:60%;}

.con6 .img{width:90%; margin:5% auto;}
.con6 .nr{width:90%; margin:5% auto; position:relative;}
.con6 .nr p{font-size:.33rem; color:#3c3c3c; line-height:1.5em;}
.con6 .nr p strong{font-weight:600;}
.con6 .nr p span{font-weight:600; color:#7745c3;}
.con6 .nr .gdzx{display:inline-block; position:absolute; right:0;top:0; font-size:.32rem; color:#a883e1; height:1.8em; line-height:1.8em; padding:0 .5em; border:1px solid #a883e1; overflow:hidden;}
.con6 .nr .gdzx p{height:1.8em; line-height:1.8em; color:#a883e1;}


.c6ul{width:96%; margin:5% auto;}
.c6ul li{width:47%;float:left; margin-left:2%;}
.c6ul li p{ margin-bottom:3%; padding-left:3%;}
.c6ul li p strong{font-size:.32rem;color:#282828;font-weight:600;}
.c6ul li p em{font-size:.4rem; color:#f45a63;font-style:normal; font-weight:600;}
.c6ul li p span{display:inline-block; font-size:.32rem; background:#c0a4eb; color:#fff; font-weight:600; padding:.1em .7em; border-radius:1.2em;}
.c6ul li p i{font-size:.32rem;  color:#282828; font-style:normal;}
.c6ul li p.p1{ margin-top:5%;}

.clickbox2{width:94%; margin:5% auto;}
.clickbox2 a{display:block; width:47%; float:left; text-align:center;font-size:.37rem; background:#7745c3; color:#fff; padding:.5em 0;border-radius:2em; margin-left:2%;}
.clickbox2 a.s{ background:#f45a63;}


.con7{width:100%; margin:0 auto; background:#fff; padding:1px 0;}
.con7 .tt{margin:7% auto 5%;text-align:center;}
.con7 .tt h2{font-size:.66rem; color:#3b3b3b; font-weight:normal; line-height:1.2em;font-weight:600;}
.con7 .tt h3{font-size:.4rem; color:#3b3b3b; font-weight:normal; line-height:1.2em; margin-bottom:1%;}
.con7 .tt img{width:60%;}

.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}


.con8{width:100%; margin:0 auto; background:#fff; padding:1px 0;}
.con8 .tt{margin:7% auto 5%;text-align:center;}
.con8 .tt h2{font-size:.66rem; color:#3b3b3b; font-weight:normal; line-height:1.2em;font-weight:600;}
.con8 .tt h3{font-size:.4rem; color:#3b3b3b; font-weight:normal; line-height:1.2em; margin-bottom:1%;}
.con8 .tt img{width:60%;}
.c8ul{width:100%; margin:5% auto;}
.c8ul li{float:left; line-height:0; position:relative;}
.c8ul li a{display:block;}
.c8ul li.li1{width:41.2%;}
.c8ul li.li2{width:58.8%;}
.c8ul li.li3{width:58.8%;}
.c8ul li.li4{width:100%;}
.c8ul li dl{ position:absolute;color:#fff;text-align:center;}
.c8ul li dl dt{font-size:.32rem; color:#fff; line-height:2.4em;}
.c8ul li dl dd{font-size:.32rem; color:#fff; line-height:1.2em;}
.c8ul .li1 dl{width:100%;left:0;top:55%;}
.c8ul .li2 dl{width:50%;right:0;top:15%;}
.c8ul .li3 dl{width:50%;left:0;top:10%;}
.c8ul .li4 dl{width:42%;right:0;top:15%;}


.con9{width:100%; margin:0 auto; background:#fff; padding:1px 0;}
.con9 .tt{margin:7% auto 5%;text-align:center;}
.con9 .tt h2{font-size:.66rem; color:#3b3b3b; font-weight:normal; line-height:1.1em;font-weight:600; margin-bottom:1%;}
.con9 .tt img{width:60%;}
.ppul{width:100%; background:#c0a4eb; padding:1px 0;}
.ppul li{width:86%; height:4.5rem; background:#fff; margin-top:5%; margin-bottom:5%; margin-left:9%; position:relative; box-shadow:3px 3px 10px 1px #9e86c1;}
.ppul li .img{display:block;width:46%; position:absolute; left:-4%; top:6%;}
.ppul li dl{width:45%;float:right; margin-right:5%; margin-top:10%;}
.ppul li dl dt{font-size:.42rem; color:#3c3c3c; font-weight:600; margin:3% 0;}
.ppul li dl dd{font-size:.35rem; color:#707070; line-height:1.5em;}
.ppul li dl dd.line{width:20%; height:.05rem; background:#3c3c3c;}
.ppul li.s{margin-left:5%;}
.ppul li.s .img{display:block;width:46%; position:absolute; left:auto; right:-4%; top:5%;}
.ppul li.s dl{float:left; margin-left:5%; margin-top:10%;}


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




@keyframes rotate {
0% {
    transform: translateY(-2px);
}
50% {
    transform: translateY(2px);
}
100% {
    transform: translateY(-2px);
}
}
@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.03)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    60% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}
@keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}