*{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;color:#3c3c3c;-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%}






@media(min-width:320px){
#player-container-id0{width:169px;height:95px;}
}
@media(min-width:360px){
#player-container-id0{width:190px;height:107px;}
}
@media(min-width:375px){
#player-container-id0{width:198px;height:112px;}
}
@media(min-width:414px){
#player-container-id0{width:219px;height:124px;}
}
@media(min-width:768px){
#player-container-id0{width:396px;height:224px;}
}
.headerbanner{width:100%; position:relative;}
.headerbanner .vbox{ padding:.1rem; background:#000; border-radius:.05rem; position:absolute;left:7%;bottom:10%;}


.con1{width:100%;  background:#000102;position:relative; padding-top: 12%;}
.con1 h1{position:absolute;font-size: 0.62rem; color: #ca9c67; text-align: center; line-height: .9em;}
.con1 h1 span{font-weight:bold;}
.con1 h1 img{width:49%;margin:1% auto 0;}
.con1 ul{margin-top:14%;position:absolute;}
.con1 li{width:43%; float: left; margin: 2% 2% 3% 4%; }
.con1 .co{border-radius: 2em; background: #e2c696; text-align: center; font-size: 0.36rem; color: #3c3c3c;  padding: 5% 0;}
.con1 .co span{font-weight:bold;}
.con1 .click{position:absolute;width:50%; border-radius: 2em; background-image: linear-gradient(90deg,#b60900,#7b0500); text-align: center; font-size: 0.36rem; color: #fff; margin: 2% auto 0; padding: 2.5% 0; font-weight: 700;animation: updown 2s 0s ease both infinite;margin-left: 25%;
    margin-top: 66%;}



.con2{width:100%; padding:2% 0 8%; }
.con2 h1{font-size: 0.64rem; color: #ca9c67; text-align: center; font-weight: normal}
.con2 h1 span{font-weight:bold;}
.con2 h2 { text-align:center;font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #3c3c3c; margin-top: -1%;}
.con2 h2 img{width:49%;margin:1% auto 0;}
.con2 .sm{margin:5% auto;}
.con2 .left{width: 43%;
    float: left;
    margin-right:4%;
    margin-left: 5%;}
.con2 .left p{font-weight:bold;font-size:0.42rem;color:#791010;text-align:center;}
.con2 .right{width: 42%;
    float: left;
    font-size: 0.33rem;
    line-height: 0.5rem;}
.con2 .right span{font-weight:bold;}
.con2 .btou{position: relative;
    padding-top: 4%;}
.con2 .btou p{position: absolute;
    color: #fff;
    font-size: 0.43rem;
    text-align: center;
    margin-left: 37%;
    margin-top: 1.7%;
    font-weight: bold;}
	
.con2 .nr{position:relative;height:0.5rem;margin-top: 20%;
    padding-bottom: 39%;}
	
.con2 .c1{position:absolute;width:32%;left: 5%; z-index:99}
.jjn{position:absolute; width:12%;left:5%; top:-12%;z-index:100;animation: flash 2s 0s ease both infinite;}
.jjn1{position:absolute; width:12%;left:32%; top:-34%;z-index:100;animation: flash 2s 0s ease both infinite;}
.jjn2{position:absolute; width:12%;left:68%; top:-10%;z-index:100;animation: flash 2s 0s ease both infinite;}
.con2 .c1 .shou{width: 12%;
    margin-top: -18%;
    margin-left: 62%;
    position: absolute;animation: flash 2s 0s ease both infinite;}
.con2 .c2{position: absolute;
    width: 33%;
    left: 36%;
    top: -35%;z-index:99;
    z-index: 20;animation: zy 2s 0s ease both infinite;}
.con2 .c2 .shou{width: 12%;
    margin-top: -21%;
    margin-left: 67%;
    position: absolute;animation: flash 2s 0s ease both infinite;}
.con2 .c3{position:absolute;width:35%;left: 62%;z-index:99}
.con2 .c3 .shou{width: 12%;
    margin-top: -18%;
    margin-left: 56%;
    position: absolute;animation: flash 2s 0s ease both infinite;}


.case{background: url(../images/bg.jpg) repeat;background-size:auto;     padding:12% 0 0%;}
.case .di{width:96%;margin:0 auto;position:relative;}
.case .di .zrx1{position: absolute;
    width: 94%;
    margin-left: 4%;
    margin-top: -9%;}
.case .di .wz{position:absolute;    margin-top: 3%;}
.case .wz dd{font-weight:bold;font-size:0.52rem;margin-top: 5%;
    margin-left: 3%;}
.case .di .pj1	{margin-left: 2%;
    margin-top: 3%;}
.case .di .pj1 span{width:13%;float:left;vertical-align:middle;}
.case .di .pj1 p{width: 39%;
    float: left;
    font-size: 0.3rem;
    margin-left: 2%;}
.an{position: relative;
    width: 23%;
    font-size: 0.41rem;
    font-weight: bold;
    background: #efc2ad;
    padding: 1% 4%;
    border-radius: 0.5rem;
    margin-left: 4%;
    margin-top: 6%;color:#3c3c3c;}
.an .shou{position: absolute;
    width: 19%;
    margin-left: 61%;
    margin-top: -14%;animation: flash 2s 0s ease both infinite;}	
.gd{}	
.gd p{font-size:0.44rem;font-weight:bold;border-bottom: 1px dashed #b3b3b3;    padding-bottom: 1%;}
.gd .an3{position:relative;width:64%;margin-left: 18%;}
.gd .an3 font{position:absolute;font-size:0.36rem;width:100%;font-weight:bold;text-align:center;
    margin-top: 3.1%;color:#3c3c3c;}
.gd .ren{margin-top:4%;float:left;width:100%;display:block;}
.gd .ren i{width:22%;float:left;    margin-right: 3%;}
.gd .ren dt{font-size:0.34rem;}
.gd .ren dt span{color:#979797;}
.gd .ren dt font{color:#979797;    margin-left:37%;}
.gd .ren dd{font-size:0.32rem;margin-top:1%;}
.gd .ren dd span{background:#f6446a;color:#fff;margin-left:1%;}
.case .gg{background: url(../images/g2.png) repeat-y;background-size:100%;height:16.2rem;}
.caseclick{width:46%;float: left; overflow:hidden;padding-bottom:3%; margin: 2% 2% 0 2%;}
.caseclick a{display:block;background-image:linear-gradient(90deg,#b60900,#7b0500);font-size:.32rem;text-align:center;padding:.5em 0;border-radius:2em;font-weight:600; position: relative; color: #fff;}
.caseclick .shou{ position: absolute; right: 6%; top: 30%; width: 7%;animation:updown 1.5s 0s ease both infinite}

#zjswiper11{
    position: absolute;
    margin-top: 126%;
    margin-left: 4%;
    width: 92%;}
	
	


.con3{width:100%; padding:2% 0 2%; }
.con3 h1{font-size: 0.64rem; color: #333; text-align: center; font-weight: normal}
.con3 h2{font-size: 0.64rem;text-align: center; color: #333;line-height: 1em;}
.con3 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce }
.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;}
.con3 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 4% auto 0;animation: updown 2s 0s ease both infinite;}
.con3 .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:1%; background: #d3c4fa; padding-bottom:7%;}
.con7 h1{text-align: center; font-size: 0.66rem; color: #333;}
.con7 h2{font-size: 0.46rem; text-align: center;  color: #333;font-weight: normal;}
.con6one{padding: 5% 0; position: relative;}
.con6one .co1{position: absolute; top:16%; left:8%; color: #333; font-weight: bold; font-size: 0.6rem}
.con6one .co2{position: absolute; top:27%; left:8%;color: #333; font-size: 0.3rem}
.con6one .co3{position: absolute; top:33%; left:8%;font-size: 0.3rem; color: #7a52b7;}
.con7 li{float: left;  font-size: 0.3rem; color: #666; line-height: 1.4em; }
.con7 .pp1{width:28%;padding: 1% 0 0 5%;}
.con7 .pp2{width:28%;padding: 1% 0 0 3%;}
.con7 .pp3{width:40%;padding: 1% 0 0 7%; text-align: center;}
.con7 .clickbtn{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 5% 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;}

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

.con4{width:100%; padding-top:6%; }
.con4 h1{font-size: 0.64rem; color: #333; text-align: center; font-weight: normal}
.con4 h2{font-size: 0.64rem;text-align: center; color: #333;line-height: 1em;}
.con4 h2 span{font-size: 0.4rem;text-transform:uppercase; font-weight: lighter; color: #cbc9ce }
.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{position: absolute;
    margin-top: 126%;
    margin-left: 4%;width:92%;}
#zjswiper .swiper-pagination-bullet-active{ background:#7745c3}
#zjswiper .swiper-pagination{bottom:27%;}


#zjswiper2{position: absolute;
    margin-top: 126%;
    margin-left: 4%;width:92%;}
#zjswiper2 .swiper-pagination-bullet-active{ background:#7745c3}
#zjswiper2 .swiper-pagination{bottom:27%;}






.hand{position:absolute;right:.5rem;top:21%;width:.5rem;float:left;z-index:99;}
.hand img{float:left;width:100%;-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes bounceOutLeft{
	20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
	100%{opacity:0.5;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}
}
@keyframes bounceOutLeft{
	20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
	100%{opacity:0.5;-webkit-transform:translate3d(-100px,0,0);-ms-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}
}







@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)}
}