body{font-family:Microsoft YaHei, "微软雅黑", "宋体", Arial; color:#434343;}
*{ margin:0; padding:0;}
ul,li{margin:0; padding:0;}
i,em,u{font-style: normal;}
u{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a{text-decoration:none; color:#444;}
a:hover{color:#5f3c28;}
li{ list-style:none;}
.clear{clear:both;}
.mg{margin:0px auto;}
.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.wd96{width:96%;}
.wd96 img{max-width:100%;}
.pt10{padding-top:10px;}
.dp{display:block;}
header,nav,article,footer,.main,.zt_foot{width:100%; max-width:640px !important; margin:0 auto; clear:both;}


@media screen and (min-width:960px){
.top3{font-size:22px !important; line-height:22px !important;}
}
@media screen and (min-width:960px){
.main10{margin-top:52px; height:268px;}
.main10_a{width:379px;}
.main10_b{width:310px !important;}
.main10_b dl dd{font-size:20px !important;}
.main10_b dl dd span{font-size:16px !important;}
}


.z_top1{height:62.1875vw; max-height:597px; background:#7b2fb5 url(../images/bg1a.jpg) no-repeat; text-align:center; background-size:100%; position:relative;}
.z_top1 img{max-width:72% !important; padding-top:2%;}
.z_top1 span{width:56px;width:5.83vw; height:56px;height:5.83vw; background:url(../images/s1.png) no-repeat; background-size:100%; position:absolute; top:50%; right:8%;}
@media screen and (min-width:960px){
.z_top1{height:597px;}
.z_top1 span{width:56px; height:56px;}
}
@media screen and (width: 640px){
.z_top1{height:398px;}
}


.main1{padding:0;}
.main1 img{max-width:100%; margin:0; padding:0; display:block; clear:both;}

.main0{position:relative; z-index:2;}

.main_3{position:relative; z-index:3;}
.main_3 span{width:309px;width:48.28125vw; height:309px;height:48.28125vw; display:block; position:absolute; top:0px; right:2%; z-index:3;}
.main_3 span img{max-width:100%;}
.main_3 span{-webkit-animation:change 10s linear infinite;-ms-animation:change 10s linear infinite;-moz-animation:change 10s linear infinite;-o-animation:change 10s linear infinite;animation:change 10s linear infinite;}
@media screen and (min-width:640px){
.main_3 span{width:309px; height:309px;}
}

.main_8{position:relative;}
.main_8 span{width:58px;width:9.0625vw; height:58px;height:9.0625vw; display:block; position:absolute; top:5%;}
.main_8 span.s1{left:20%;}
.main_8 span.s2{left:54%;}
.main_8 span.s3{left:87%;}
.main_8 span img{max-width:100%;}
.main_8 span a{width:100%; height:100%; display:block;}
.main_8 span{-webkit-animation:change2 2s linear infinite;-ms-animation:change2 2s linear infinite;-moz-animation:change2 2s linear infinite;-o-animation:change2 2s linear infinite;animation:change2 2s linear infinite;}
@media screen and (min-width:640px){
.main_8 span{width:58px; height:58px;}
}

.main_10,.main_11{position:relative;}
.main_10 span,.main_11 span{width:72px;width:11.25vw; height:72px;height:11.25vw; display:block; position:absolute; top:5%;}
.main_10 span.s1,.main_11 span.s1{left:34%;}
.main_10 span.s2,.main_11 span.s2{right:11%;}
.main_10 span img,.main_11 span img{max-width:100%;}
.main_10 span a,.main_11 span a{width:100%; height:100%; display:block;}
.main_10 span,.main_11 span{-webkit-animation:change2 2s linear infinite;-ms-animation:change2 2s linear infinite;-moz-animation:change2 2s linear infinite;-o-animation:change2 2s linear infinite;animation:change2 2s linear infinite;}
@media screen and (min-width:640px){
.main_10 span,.main_11 span{width:72px; height:72px;}
}

.main_15{background:url(../images/bg1.jpg) repeat;}





.animated{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:10s;animation-duration:10s}
@-webkit-keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translateX(-50px);transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes change
{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes change
{
0%{-ms-transform:rotate(0deg);}
50%{-ms-transform:rotate(180deg);}
100%{-ms-transform:rotate(360deg);}
}
@-moz-keyframes change
{
0%{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(180deg);}
100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes change
{
0%{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(180deg);}
100%{-moz-transform:rotate(360deg);}
}
@keyframes change
{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}

@-webkit-keyframes change2
{
0%{-webkit-transform:rotate(0deg);}
20%{-webkit-transform:rotate(30deg);}
40%{-webkit-transform:rotate(0deg);}
80%{-webkit-transform:rotate(-30deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-ms-keyframes change2
{
0%{-ms-transform:rotate(0deg);}
20%{-ms-transform:rotate(30deg);}
40%{-ms-transform:rotate(0deg);}
80%{-ms-transform:rotate(-30deg);}
100%{-ms-transform:rotate(0deg);}
}
@-moz-keyframes change2
{
0%{-moz-transform:rotate(0deg);}
20%{-moz-transform:rotate(30deg);}
40%{-moz-transform:rotate(0deg);}
80%{-moz-transform:rotate(-30deg);}
100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes change2
{
0%{-o-transform:rotate(0deg);}
20%{-o-transform:rotate(30deg);}
40%{-o-transform:rotate(0deg);}
80%{-o-transform:rotate(-30deg);}
100%{-o-transform:rotate(0deg);}
}
@keyframes change2
{
0%{transform:rotate(0deg);}
20%{transform:rotate(30deg);}
40%{transform:rotate(0deg);}
80%{transform:rotate(-30deg);}
100%{transform:rotate(0deg);}
}
.swiper-button-next,.swiper-button-prev{background-image:none !important;}