@charset "utf-8";
/* CSS Document */
 
/*--设置全局样式--*/
body{ font:normal 20px/40px '微软雅黑','宋体',Verdana,sans-serif;color:#fff;margin:0 auto;padding:0;height:100%;}
li { list-style-type:none; }
a { text-decoration:none}
i,em { font-style: normal;}
#bdshare_weixin_qrcode_dialog{width: 250px !important;height:320px !important;}
#container{position:relative;min-width:1003px;max-width: 1920px; margin: 0 auto;font-family: '微软雅黑'; font-size:20px;line-height: 0;overflow: hidden;}
.wrap{position:relative;margin:0px auto;width:1000px;padding:0px;}
.posa{position: absolute; z-index: 2;}
.text{font-size: 20px; line-height: 35px;color: #ff008a;width:25.7%;background: url("../images/2/textBg.png") center top no-repeat;background-size: 100% 100%;padding: 1.8% 2% 2.4% 2%;}
.clearfix:after{content: ""; display: block; clear: both;}
.margin0{margin: 0 !important;}
.fl{float: left;}
.fr{float: right;}

.page{ width: 100%; position: relative;}
.page .bg{ width: 100%;}
/* 底部信息 */
.footer{position:absolute;bottom:0;background: url("../images/6/footer.png") center top no-repeat;background-size:100% 100%;width:100%;height: 200px;z-index: 1;}
.foot{ top:46px; width: 1000px;color: #fff;position: absolute;left:50%;margin-left:-500px;}
.f_logo{width: 148px; height: 67px; margin: 24px 100px 0 110px; float: left; }
.foot p{display: block; float: left; font: 14px/120px "微软雅黑";}
.foot p a{color: #fff;}
.fenxiang{float: left; font: 14px/120px "微软雅黑"; margin-left: 70px;}
.bdsharebuttonbox{position: absolute; top: 42px; right: -30px;}
/* 轮播 */
.slider {width: 24.4%;overflow: hidden;position: absolute;z-index: 2;opacity: 1;}
.slider>.slider-inner{ width: 100%; height: 100%; z-index: 2;padding-top: 61.32%; }
.slider>.slider-inner>.slider-item{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;  }
.slider>.slider-control{width: 69%; height: 6%; text-align: center; position: absolute; left: 16%; bottom: 10%;z-index: 3;}
.slider>.slider-control>.control-item{ display: inline-block; width: 4%; height: 77%; margin: 0 6px;  cursor: pointer; background: #26ceff;border: 3px solid #26ceff; border-radius: 50%;}
.slider>.slider-control>.control-item.active{ background: #fff00f;border: 3px solid #fff00f; border-radius: 50%;}
/* 气球 */
.fixb1{position: fixed;width:5%;left: 5%;z-index:1;opacity: 0; animation: fixball 20s linear infinite; -webkit-animation: fixball 20s linear infinite;}
.fixb2{position: fixed;width:7%;left: 7%;z-index:1;opacity: 0; animation: fixball 15s 3s linear infinite; -webkit-animation: fixball 15s 3s linear infinite;}
.fixb3{position: fixed;width:4%;left: 4%;z-index:1;opacity: 0; animation: fixball 23s 5s linear infinite; -webkit-animation: fixball 23s 5s linear infinite;}
.fixb4{position: fixed;width:5%;right: 5%;z-index:1;opacity: 0; animation: fixball 10s linear infinite; -webkit-animation: fixball 10s linear infinite;}
.fixb5{position: fixed;width:7%;right: 7%;z-index:1;opacity: 0; animation: fixball 18s 6s linear infinite; -webkit-animation: fixball 18s 6s linear infinite;}
.fixb6{position: fixed;width:4%;right: 4%;z-index:1;opacity: 0; animation: fixball 25s 9s linear infinite; -webkit-animation: fixball 25s 9s linear infinite;}
/* 内容 */
.page1 .tb1{width: 49.4%;top: -10%;left: 37%;opacity: 0;}
.page1 .tb1.active{-webkit-animation: fadeInUp 1s .6s ease both;animation: fadeInUp 1s .6s ease both;}
.page1 .title1{width: 40.4%;top: 20%;left: 42%;opacity: 0;}
.page1 .title1.active{-webkit-animation: bounceInDown 1s .8s ease both;animation: bounceInDown 1s .8s ease both;}

.page2 .b2-1{width: 14.4%;top: 18%;left: 5%;-webkit-animation: moveup 1.5s 1.8s linear infinite alternate;animation: moveup 1.5s 1.8s linear infinite alternate;}
.page2 .b2-2{width: 10.2%;top: 70%;left: 10%;-webkit-animation: moveup 2s .8s linear infinite alternate;animation: moveup 2s .8s linear infinite alternate;}
.page2 .b2-3{width: 5.8%;top: 95%;left: 53%;}
.page2 .title2{width: 39.3%;top: 31%;left: 30%;opacity: 0;}
.page2 .text2{left: 27%;top: 59%;opacity: 0;}
.page2 .slider2{top: 79%;left: 27.7%;opacity: 0;}

.page3 .b3-1{width: 3.9%;top: 27%;left: 74%;}
.page3 .b3-2{width: 27.9%;top: -6%;left: -6%;-webkit-animation: moveup 2s 1.8s linear infinite alternate;animation: moveup 2s 1.8s linear infinite alternate;}
.page3 .title3{width: 31.83%;top: 20%;left: 34.5%;opacity: 0;}
.page3 .text3{left: 49%;top: 43%;opacity: 0;}
.page3 .slider3{top: 63%;left: 49.7%;opacity: 0;}

.page4 .b4-1{width: 26.6%;top: -12%;left: 7%;-webkit-animation: moveup 2s .8s linear infinite alternate;animation: moveup 2s .8s linear infinite alternate;}
.page4 .b4-2{width: 22.2%;top: -20%;left: 84%;}
.page4 .title4{width: 31.72%;top: 12%;left: 34%;opacity: 0;}
.page4 .text4{left: 24%;top: 35%;opacity: 0;}
.page4 .slider4{top: 58%;left: 24.5%;opacity: 0;}

.page5 .title5{width: 31.67%;top: 4%;left: 34.5%;opacity: 0;}
.page5 .text5{left: 51%;top: 30%;opacity: 0;}
.page5 .slider5{top: 53%;left: 51.5%;opacity: 0;}
.page5 .cat5{width:18.38%;top: -4%;left: 75%; transform-origin: 50% 10%; animation: catRotate 4s linear infinite; -webkit-animation: catRotate 4s linear infinite;}

.page6 .title6{width: 31.77%;top: -1%;left: 34%;opacity: 0;}
.page6 .text6{left: 24%;top: 25%;opacity: 0;}
.page6 .slider6{top: 41%;left: 24.5%;opacity: 0;}
.page6 .b6-1{width: 9.22%;top: 57%;left: 3%;opacity: 0;}
.page6 .b6-2{width: 10.21%;top: 48%;left: 11%;opacity: 0;}
.page6 .b6-3{width: 2.87%;top: 71%;left: 35%;opacity: 0;}
.page6 .b6-4{width: 3.75%;top: 69%;left: 50%;opacity: 0;}
.page6 .b6-5{width: 6.04%;top: 66%;left: 57%;opacity: 0;}
.page6 .b6-6{width: 12.96%;top: 70%;left: 87%;opacity: 0;}
.page6 .b6-7{width: 6.72%;top: 28%;left: 93%;opacity: 0;}
/* 文字 */
@media screen and (max-width:1280px){
	.text{ font-size: 14px !important; line-height: 16px}
}
@media screen and (min-width:1281px) and (max-width:1440px){
	.text{ font-size: 15px !important; line-height: 28px}
}
@media screen and (min-width:1441px) and (max-width:1680px){
	.text{ font-size: 16px !important; line-height: 31px}
}
@keyframes catRotate{
  0%, 50%, 100%{transform: rotateZ(0)}
  25%{transform: rotateZ(10deg)}
  75%{transform: rotateZ(-10deg)}
}
@-webkit-keyframes catRotate{
  0%, 50%, 100%{-webkit-transform: rotateZ(0)}
  25%{-webkit-transform: rotateZ(10deg)}
  75%{-webkit-transform: rotateZ(-10deg)}
}
@keyframes moveup{
    0%{transform: translateY(-10px)}
    100%{transform: translateY(10px)}
}
@-webkit-keyframes moveup{
  0%{-webkit-transform: translateY(-10px)}
  100%{-webkit-transform: translateY(10px)}
}
@keyframes fixball{
  0%{top:80%;opacity: 0;}
  20%{top:70%;opacity: 1;}
  80%{top:10%;opacity: 1;}
  100%{top:0%;opacity: 0;}
}
@-webkit-keyframes fixball{
  0%{top:80%;opacity: 0;}
  20%{top:70%;opacity: 1;}
  80%{top:10%;opacity: 1;}
  100%{top:0%;opacity: 0;}
}