*{ 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%; position: relative; }
.headerbanner .z{position: absolute; width:29.8%; top:60%; left: 6%;}
.headerbanner .z1{position: absolute; width:29.8%; top:75%; left: 6%;}
.headerbanner .click{position: absolute; width:40%; top:80%; left: 52%;animation: updown 2s 0s ease both infinite;}
.headerbanner .click2{position: absolute; width:40%; top:90%; left: 52%;animation: updown 2s 0s ease both infinite;}
.headerbanner ul{width:100%; position: absolute; top:80%; left: 0;}
.headerbanner li{width:26%; float: left; padding-left:5.5%;}

.headerbanner .an{position: absolute; width:41.5%; top:53%; left: 34%;animation: updown 2s 0s ease both infinite;}
.con2 .con1{position: relative; width:95%; margin: 0 auto; }
.infobox{ width: 100%; position: absolute; left: 0; top: 10%; height: 1.2rem;}
.infobox .zxgd{ width: 100%; margin: 0 auto; display: block;height: 1.2rem; padding-top:.14rem;overflow: hidden;}
.infobox .zxgd .zzc{width: 100%;height:.44rem;overflow: hidden;}
.infobox .zxgd .zxinfo{ width: 80%;height:.44rem;  margin-left: 12%; font-size: 0.30rem; overflow: hidden;}
.infobox .zxgd .zxinfo p a{display:block;width: 100%;height:.54rem;line-height:1.5em;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.infobox .zxgd .zxinfo p span{ color: #f35e4a;}

.con0{width:100%; background: #ea5519}
.con0 li{width:26%; float: left; padding:3% 0 0 5.5%;}
.con11{width:100%; background: #ea5519; padding-top: 4%;}
.con11 ul{width:100%;}
.con11 li{width:20.5%; float: left; padding:4% 0 4% 3.5%;}



.con1con{position: relative;}
.con1con ul{width:100%; position: absolute; top:0%; left:0%;}
.con1con li{width:20.5%; float: left; padding-left:3.2%;}

.con2{width:100%;background: url(../images/banner1.jpg) no-repeat #d1bfe7;background-size: 100%; height:auto!important;}
.con2 .tt{ padding-top: 7%;}
.con2con{width:94%; color: #270f42; padding-top: 2%; margin: 0 auto;}
.con2 li{float: left; width:17%; padding: 1% 0.5% 0.6% 4.2%; text-align:center;}
.con2 .co{font-size: .34rem; color: #333; padding-top:0%; line-height: 1.2em; font-weight: 500; text-align:center}


.swiper-containerIcon{ padding-left:5px; padding-bottom:.2rem;}
.swiper-containerIcon .swiper-slide{ margin-top:5px !important;}

.swiper-containerIcon .swiper-pagination{bottom:0;}
.swiper-containerIcon .swiper-pagination .swiper-pagination-bullet{width:.3rem;height:.053rem; border-radius:0; background:#fff; opacity:1;}
.swiper-containerIcon .swiper-pagination .swiper-pagination-bullet-active{ background:#691e96;}



.con3{width:100%;background: url(../images/bg2.png) no-repeat #d1bfe7;background-size: 100%; height:auto!important; padding-top:9%; padding-bottom: 6%;}
.c3ul{ width: 98%; display: block; overflow: hidden}
.c3ul li{ width:30.74%; display: block; float:left; margin:6% 0% 5.3% 2.5%; position: relative}
.c3ul li a{ color: #fff; width: 85%; border-radius: 2em; padding: 2% 0; text-align: center; font-size: 0.34rem; position: absolute; left: 7%; bottom: -5%;animation:updown 4s linear infinite alternate; background-image:-webkit-linear-gradient(0deg,#ea4f96,#f48fc6); }


.con4{width:100%;background: url(../images/bg3.png) no-repeat #d1bfe7;background-size: 100%; height:auto!important; padding-top:5%;padding-bottom: 6%;}

.con5{width:100%;background: url(../images/bg4.png) no-repeat #d1bfe7;background-size: 100%; height:auto!important; padding-top:5%;padding-bottom: 6%;}

.con6{width:100%;background: url(../images/bg5.png) no-repeat #5e318f;background-size: 100%; height:auto!important; padding-top:9%;padding-bottom: 6%;}

.con7{width:100%;background: url(../images/bg6.png) no-repeat #babcff;background-size: 100%; height:auto!important; padding-top:10%;padding-bottom: 6%;}

.con8{width:100%;background: #d1bfe7;background-size: 100%; height:auto!important; padding-top:8%;}

.kqgd{ width: 100%; display: block; }
.kqgd .swiper-slide{ width:50.74%; display: block; float:left; margin:6% 0% 5.3% 2.5%; position: relative}
.kqgd .swiper-slide a{ color: #fff; width: 85%; border-radius: 2em; padding: 2% 0; text-align: center; font-size: 0.34rem; position: absolute; left: 7%; bottom: -5%;animation:updown 4s linear infinite alternate; background-image:-webkit-linear-gradient(0deg,#ea4f96,#f48fc6); }

.con9{width:100%;background: #d1bfe7;background-size: 100%; height:auto!important; padding-bottom: 6%; position: relative; z-index: 99;}
.zrxbtn{ position: absolute; width:57.46% ; bottom:1%; left:21.23% ; z-index: 100;animation:updown 3s linear infinite alternate;}

.con10{width:100%;background: #d1bfe7;background-size: 100%; height:auto!important; padding-top:8%;padding-bottom: 6%;}
.anniu li{margin:6% 0% 3% 2.5%; }
.anniu li a{color: #fff; width: 85%; border-radius: 0.05rem; padding: 2% 0; text-align: center; font-size: 0.34rem; position: absolute; left: 7%; bottom: 2.5%;animation:updown 4s linear infinite alternate; background:#5e318f;}

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


.con2con .swiper-slide{ margin-bottom:1.6%;}



/***左右侧、底部导航***/
.left_menu{width:1rem;text-align:center;position:fixed;left:auto;top:2.1333rem;z-index:99999;}
.left_menu ul li{border-bottom:1px solid #666;background:rgba(0,0,0,0.76);}
.left_menu ul li.yc{display:none;}
.left_menu ul li.li1 a{display:block;padding:.2rem 0;color:#f5cdad;font-size:.32rem;font-weight:600;line-height:.36rem;}
.left_menu ul li.on{background:#b50f3f;}
.left_menu ul li a{display:block;font-size:.32rem;line-height:.36rem;color:#fff;padding:0.2rem 0;}
.left_menu.nones{top:47%;}
.left_menu i{display:block;margin:0 auto;width:.5rem;animation:iconLeft 1.5s infinite ease-in-out;-webkit-animation:iconLeft 1.5s infinite ease-in-out;}
.left_menu.nones i{animation:iconRight 1.5s infinite ease-in-out;-webkit-animation:iconRight 1.5s infinite ease-in-out;}
.left_menu.nones i img{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.left_menu.nones ul li{display:none;border:0;}
.left_menu.nones ul li.yc{display:block;}
.left_menu ul li.li3{display:block !important; padding:.2rem 0; background:none; border:none;}
@-webkit-keyframes iconLeft {
0%,30% {opacity: 0;-webkit-transform: translate(0.37rem,0);}
60% {opacity: 1;-webkit-transform: translate(0,0);}
100% {opacity: 0;-webkit-transform: translate(-0.296rem,0);}
}
@-moz-keyframes iconLeft {
0%,30% {opacity: 0;-moz-transform: translate(0.37rem,0);}
60% {opacity: 1;-moz-transform: translate(0,0);}
100% {opacity: 0;-moz-transform: translate(-0.296rem,0);}
}
@keyframes iconLeft {
0%,30% {opacity: 0;transform: translate(0.37rem,0);}
60% {opacity: 1;transform: translate(0,0);}
100% {opacity: 0;transform: translate(-0.296rem,0);}
}
@-webkit-keyframes iconRight {
0%,30% {opacity: 0;-webkit-transform: translate(-0.37rem,0);}
60% {opacity: 1;-webkit-transform: translate(0,0);}
100% {opacity: 0;-webkit-transform: translate(0.296rem,0);}
}
@-moz-keyframes iconRight {
0%,30% {opacity: 0;-moz-transform: translate(-0.37rem,0);}
60% {opacity: 1;-moz-transform: translate(0,0);}
100% {opacity: 0;-moz-transform: translate(0.296rem,0);}
}
@keyframes iconRight {
0%,30% {opacity: 0;transform: translate(-0.37rem,0);}
60% {opacity: 1;transform: translate(0,0);}
100% {opacity: 0;transform: translate(0.296rem,0);}
}
@-webkit-keyframes beat{0%,100%,33.2%,66.4%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
16.6%,49.8%,83%{-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
}
@keyframes beat{0%,100%,33.2%,66.4%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
16.6%,49.8%,83%{-webkit-transform:scale3d(1.08,1.08,1.08);-ms-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
}


.bottom1212{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom1212 .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom1212 .nr a{display:block;height:100%;}
.bottom1212 .nr .abtn1{width:16.66%;position:absolute; left:3%; bottom:0;}
.bottom1212 .nr .abtn2{width:18.66%;position:absolute; left:22%; bottom:0;}
.bottom1212 .nr .abtn3{width:20%;position:absolute; left:41%; bottom:0; }
.bottom1212 .nr .abtn4{width:16.66%;position:absolute; right:21%; bottom:0;}
.bottom1212 .nr .abtn5{width:16.66%;position:absolute; right:2%; bottom:0;}

.right1212{width:20%;max-width:120px;z-index:9999;position:fixed;right:0;top:30%;animation:tpbt 4s linear infinite alternate;display:none;}
.right1212 i{display:block;width:55%; position:absolute; left:30%;top:77.5%;}
@keyframes tpbt{0%{top:30%}
50%{top:35%}
100%{top:40%}
}

.closeright{display:block;width:100%;height:17%; position:absolute;left:0;top:0;}

/***左右侧、底部导航***/

.lzqa{ color:#333}


.bottom-nav{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom-nav .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom-nav .nr a{display:block;height:100%;}
.bottom-nav .nr .abtn1{width: 12%;
    position: absolute;
    left: 1.5%;
    bottom: 0;}
.bottom-nav .nr .abtn2{width: 12%;
    position: absolute;
    left: 15%;
    bottom: 0;}
.bottom-nav .nr .abtn3{    width: 12%;
    position: absolute;
    left: 28%;
    bottom: 0;}
.bottom-nav .nr .abtn4{width:17%;position:absolute; left:42%; top:20%;animation:updown 3s 0s ease both infinite;}
.bottom-nav .nr .abtn4 span{    display: block;
    color: #fff;
    width:20px;
    height:20px;
    background: #fe0815;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    top: 5%;
    right: 7%;}
.bottom-nav .nr .abtn5{    width: 12%;
    position: absolute;
    left: 60%;
    bottom: 0;}
.bottom-nav .nr .abtn6{width: 12%;
    position: absolute;
    right: 14%;
    bottom: 0;}
.bottom-nav .nr .abtn7{    width: 12%;
    position: absolute;
    right: 0.5%;
    bottom: 0;}
@media(min-width:320px){
.bottom-nav .nr .abtn4 span{transform:scale(.6);}
}
@media(min-width:360px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:375px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:414px){
.bottom-nav .nr .abtn4 span{transform:scale(.8);}
}
@media(min-width:768px){
.bottom-nav .nr .abtn4 span{font-size:14px; padding:2px;
top: 15%;
right: 15%;}
}