/*img的动画*/	
.charactar_box{
    -webkit-animation: fadeInUp 3.2s   infinite;
    -moz-animation: fadeInUp 3.2s   infinite;
}
.charactar_box1{
    -webkit-animation: fadeInUp 3.0s ease infinite;
    -moz-animation: fadeInUp 3.0s  ease infinite;
}
.charactar_box2{
    -webkit-animation: fadeInUp 3.5s  ease infinite;
    -moz-animation: fadeInUp 3.5s  ease infinite;
}
.charactar_box3{
    -webkit-animation: fadeInUp 3.7s  ease infinite;
    -moz-animation: fadeInUp 3.7s  ease infinite;
}
@keyframes fadeInUp{	
0% {-webkit-transform: translateY(10px);}
50% {-webkit-transform: translateY(0px);}
100% { -webkit-transform: translateY(10px);}
}
/*放大缩小*/
	.re1aas{
  -webkit-animation: qweqe 1s  ease infinite;
 -moz-animation: qweqe 1s  ease infinite;
	}
@keyframes qweqe {
	0% {width: 58px;height: 58px;position: absolute; left: 4px; top:4px;}
	50% {width: 40px;height: 40px;position: absolute; left: 14px; top:14px;}		
	100% {width: 58px;	height: 58px;position: absolute; left: 4px; top:4px;}

}


/*第一首页显示的*/
.content_warp{ min-width: 1300px; overflow:  hidden;}
.cent{ width: 100%; height:1080px; background: url(../images/cent.png) no-repeat center; }
.center{ width: 1200px; margin: 0 auto; height: 100%; position: relative;}
.cent li{ position: absolute; }
.cent img{ position: absolute; top:0 ;left: 0; z-index: 2;}
.cent .logo{ left: 10px; top: 30px; width: 348px; height:88px;}
.cent .tu1{ left: -99px; bottom: 188px; width: 386px; height: 477px;}
.cent .tu2{ left: -113px; bottom: 0px; width:585px; height:529px;}
.cent .tu3{ left: 39px; bottom: 0px; width: 688px; height: 515px;}
.cent .tu4{ right: 37px; bottom: 0px; width: 476px; height: 541px;}
.cent .tu5{ right: -354px; bottom: 107px; width: 798px; height: 461px;}
.cent .tu6{ left: -360px; bottom: 0px; width: 430px; height: 533px;}
.cent .tu7{ right: -352px; bottom: 0px; width: 474px; height: 409px;}
.cent p{ position: absolute; z-index: 3;background: url(../images/img1.png) no-repeat center; width:188px; height:67px; z-index: 5; cursor: pointer;}
.cent p i{width: 58px; height: 58px; background: url(../images/abst.png) no-repeat center;  display: block; background-size:100% 100%;}
.cent .p1{left: 129px; bottom: 280px; background-position:0 -268px}
.cent .p2{left:298px; bottom: 360px; background-position:0 0}
.cent .p3{left: 507px; bottom: 287px; background-position:0 -134px}
.cent .p4{right: 136px; bottom: 370px; background-position:0 -201px}
.cent .p5{left: 272px; bottom: 336px; background-position:0 -67px}




/*内容部分*/
.warp_info{ display: none;}


/*头图*/
.con_1 { width: 100%; height:1080px; background: url(../images/con_1.png) no-repeat center; background-size: auto 100% ;}
.con_1 ul{position: absolute; bottom: 0; left: 0; width: 100%;}
.con_1 img{ display: block; position: absolute; bottom: -17px; left: 518px; cursor: pointer;}
.con_1 ul li{ float: left; color: #FFFFFF; font-weight: 600; font-size: 25px; width: 153px; cursor: pointer;}
.con_1 ul .a6{ margin-right: 40px;}
/*新闻页面*/
.con_2 { width: 100%; height:970px; background: url(../images/con_2.png) no-repeat center; background-size: auto 100% ; padding-top: 110px;}
.bt{ display: block; margin: 0 auto;}
.cent2{ padding-top: 70px; height: 535px;}
.cent2 .lunbo{ width: 760px; height: 535px;  float: left;}
.swiper-container{ width: 100%; height: 100%;}
.swiper-slide{ width: 100%; height: 100%; overflow: hidden;}
.lunbo img{ width: 100%; height: 100%;}
.lunbo a h2{ position: absolute; bottom:0px; left: 0px; width: 100%; height: 60px; background: rgba(0,0,0,0.4); color: #cecece; overflow: hidden;
                font-size: 14px; padding-left: 30px; line-height: 60px; overflow: hidden;}

.cent2 .new{ width: 440px; float: right;height: 535px; }
.cent2 .new .top{ width: 100%; color: #FFFFFF;}
.cent2 .new .top .a1{ width: 100%; padding: 0 20px;height: 35px; font-size: 24px; color: #0332fe; display: block; overflow: hidden;}
.cent2 .new .top .a2{width: 200px; text-align: right; display: inline-block; color: #f4ff61; padding-right: 20px ; font-size: 20px;overflow: hidden; border-right: 2px solid #FFFFFF; padding-left: 13px; height: 25px;}
.cent2 .new .top .a3{width: 180px; text-align: left; display:inline-block;  color: #f4ff61; padding-left: 20px ; font-size: 20px;overflow: hidden;height: 25px;}

.cent2 .new ul{ width: 420px;  padding-left: 20px; height: 450px; overflow:  hidden;}
.cent2 .new ul li{ position: relative; width: 100%; height:50px; line-height: 50px;overflow: hidden;}
.cent2 .new ul li a{ width: 100%; color: #FFFFFF; display: block; height: 100%;}
.cent2 .new ul li a:hover{ color: #f4ff61; text-decoration:underline;}
.cent2 .new ul li i{width: 7px; height: 9px; background: url(../images/i.png) no-repeat center; display: block; position: absolute; top:22px; left: 5px;}
.cent2 .new ul li p{ float: left; padding-left: 20px;width: 320px; overflow: hidden;}
.cent2 .new ul li  span{ float: right; max-width: 70px;overflow: hidden;}
.hide{ display:  none;}
/*条子*/
.cent2 .new .but{ height: 9px; padding-left: 20px;padding-top: 10px; display: none;}
.cent2 .new .but p{ float: left; width: 197px; height: 9px; background: #f1b4ff; cursor: pointer;}
.cent2 .new .but .bot1{ margin-right: 25px;background: #f4ff61;}

/*直播*/
.con_3 { width: 100%; height:1040px; background: url(../images/con_3.png) no-repeat center; background-size: auto 100% ; padding-top: 40px;}
.cent3{}
.cent3 .zb{ width: 1104px; height: 682px;  position: relative; margin: 0 auto; margin-top: 50px;}
.cent3 .zb .bj{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/imgtu1.png) no-repeat center; background-size:100% auto;}
.cent3 .zb .bj .i1{width: 70px; height: 682px; position: absolute; top:0; left: 0; background: url(../images/dadas_03.png) no-repeat center; z-index: 5;}
.cent3 .zb .bj .i2{width: 70px; height: 682px; position: absolute; top:0; right: 0; background: url(../images/dadas_05.png) no-repeat center;z-index: 5;}
.cent3 .zb .bj .i3{width: 964px; height: 34px; position: absolute; top:0; left: 70px; background: url(../images/dadas_04.png) no-repeat center;z-index: 5;}
.cent3 .zb .bj .i4{width: 964px; height: 34px; position: absolute; bottom:0; left: 70px; background: url(../images/dadas_08.png) no-repeat center;z-index: 5;}
.cent3 .zb .motai{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0;}
.cent3 .zb .motai i{ position: absolute; top:0;left: 0;right: 0; bottom: 0; margin: auto; width: 111px; height: 111px; background: url(../images/bofang.png) no-repeat center;
                      cursor: pointer;}
.cent3 .zb .showzb{ width: 100%; height: 100%;position: absolute; top:0; left: 0; display: block; text-align: center; line-height: 682px; font-size: 30px; color: #FFFFFF; display: none; background: #000000;}


/*jia*/
.jia{ width: 100%; height: 603px; background: url(../images/conn.png) no-repeat center; background-size:auto 100%; padding-top: 30px;}
.jia .box{width: 100%;height:370px;position: relative; padding-top: 20px; overflow:  hidden; margin-top: 60px;}
.jia .lista{width: 1200px;height: 350px;overflow: hidden;position: absolute;top:0; left: 0;}


.jia .lista li{position: absolute;top: 0;left: 0;list-style: none;opacity: 0;transition: all 0.3s ease-out;}
.jia .lista  img{width: 800px;height: 337px;	border:none;float: left;}
/*.jia .lista .p1{transform:translate3d(-224px,0,0) scale(0.81);}*/
.jia .lista .p2{transform:translate3d(0px,0,0) scale(0.81);transform-origin:0 50%;opacity: 0.8;z-index: 2;}
.jia .lista .p3{transform:translate3d(200px,0,0) scale(1);z-index: 3;opacity: 1;}
.jia .lista .p1{transform:translate3d(449px,0,0) scale(0.81);transform-origin:100% 50%;opacity: 0.8;z-index: 2;}

.jia  .buttonsza{position: absolute;width: 1200px;height: 30px;bottom: 0;left: 50%;margin-left: -600px;text-align: center;padding-top: 10px;}
.jia  .buttonsza a{display: inline-block;width: 35px;height: 5px;padding-top: 4px;cursor: pointer;}
.jia  span{display: block;width: 35px;height: 1px;background: red;}
.jia .buttonsza .blue{background: blue;}


/*视频*/
.con_4{ width: 100%; height:1000px; background: url(../images/con_4.png) no-repeat center; background-size: auto 100% ; padding-top: 80px;}
.cent4{ height: 610px; width: 1200px; margin: 0 auto; background: #e36bfe; margin-top: 70px; position: relative;}
.cent4 .left{ position: absolute; top:-30px; left: 10px; background: #FFFFFF; width: 720px; height: 601px;}
.cent4 .left .bjk{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/videobj.png) no-repeat center; background-size:auto 100%;}
.cent4 .left .bjk .i1{width: 45px; height: 601px; position: absolute; top:0; left: 0; background: url(../images/kuang1.png) no-repeat center; z-index: 5;}
.cent4 .left .bjk .i2{width: 45px; height: 601px; position: absolute; top:0; right: 0; background: url(../images/kuang2.png) no-repeat center;z-index: 5;}
.cent4 .left .bjk .i3{width: 630px; height: 30px; position: absolute; top:0; left: 45px; background: url(../images/kuang3.png) no-repeat center;z-index: 5;}
.cent4 .left .bjk .i4{width: 630px; height: 30px; position: absolute; bottom:0; left: 45px; background: url(../images/kuang4.png) no-repeat center;z-index: 5;}
.cent4 .left .motai{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0;}
.cent4 .left .motai i{ position: absolute; top:0;left: 0;right: 0; bottom: 0; margin: auto; width: 111px; height: 111px; background: url(../images/bofang.png) no-repeat center;
                      cursor: pointer;}
.cent4 .left .showsp{ width: 100%; height: 100%;position: absolute; top:0; left: 0; display: none;}
.cent4 .rea{ position: absolute; right: -223px;  top:-380px}
.cent4 .right{width: 450px; height: 425px; float: right;padding-top: 150px; position: relative;}
.cent4 .right .h_title{ position: absolute; width: 400px; height: 76px; display: block; background: #ffe260; border:2px solid #ff7200; border-radius: 20px;
                          top:30px; left: 0px; z-index: 10; color: #0332fe; font-size: 24px; line-height: 80px; text-align: center; overflow: hidden; cursor: pointer;}
.cent4 .right ul li { display: block;  font-size: 20px; line-height: 68px; height: 68px;}
.cent4 .right ul li a{ display: block; width: 100%; height: 100%;color: #FFFFFF;}
.cent4 .right ul li a:hover{ color: #007AFF; text-decoration:underline }


/*效果页面1*/
.con_5{width: 100%; height:1000px; background: url(../images/con_5.png) no-repeat center; background-size: auto 100%; padding-top: 80px; }

.c_lb{z-index: 2;display: none\9;width: 1200px;height: 720px;margin-top: 40px;position: relative;}
.tswrap{margin:100px auto 0px;width:180px;height:180px;position:relative;transform-style:preserve-3d;transform:perspective(800px) rotateX(-8deg) rotateY(0deg);}
.tswrap .tslist{cursor:pointer;position:absolute;width:180px;height:300px;border-radius:5px;}
.tswrap .tslist .img{width:180px;height:300px;}
.c_prv,.c_nex{position: absolute;top: 38%;cursor: pointer; background:url(../images/imgjt.png) no-repeat center;height:123px;width:63px;}
.c_prv{left:20px;background-position: 0 0;}
.c_nex{right: 20px;background-position: 0 -123px;}
.c_prv:hover,.c_nex:hover{opacity: 0.8;}


/*效果页面2*/
.con_6{width: 100%; height:863px; background: url(../images/con_6.png) no-repeat center; background-size: auto 100% ; padding-top: 40px;}
.htmleaf-content{ margin-top: 110px;}
.Container {margin: 0 auto;padding: 0;}
.Button { display: inline-block;}
.Button.Block { width:600px;height: 400px;overflow: hidden;}
.Button.Block img{ width: 100%;}
.flipster { padding-bottom: 50px;}


/*导航页面*/
.nav_warp{ width: 195px; height:518px; background: url(../images/nav_warp.png) no-repeat center; position: fixed; right: 20px; top:calc(50% - 340px); z-index: 100;}
.nav_warp ul li{ position: absolute; background:url(../images/imgz.png) no-repeat center; cursor: pointer;}
.nav_warp ul .a1{ height:27px;width:79px;background-position: 0 0; top:119px; left: 50px;}
.nav_warp ul .a2{height:27px;width:104px;background-position: 0 -136px; top:185px; left: 37px;}
.nav_warp ul .a3{height:28px;width:103px;background-position: 0 -54px; top:300px; left: 35px;}
.nav_warp ul .a4{height:27px;width:103px;background-position: 0 -82px;bottom:127px; left: 31px;}
.nav_warp ul .a5{ height:27px;width:102px;background-position: 0 -27px; bottom:61px; left: 33px;}
.nav_warp ul .a6{ height:27px;width:104px;background-position: 0 -109px; bottom:248px; left: 36px;}
.nav_warp a{display: block; background: url(../images/imgtab.png) no-repeat center;height:49px;width:142px; position: absolute;}
.nav_warp .guan{ background-position: 0 -96px; bottom:-34px; left: 18px;}
.nav_warp .guan:hover{background-position: 0 -48px;height:48px;width:140px}
.nav_warp .libao{ background-position: 0 -145px; bottom: -86px; left: 18px;}
.nav_warp .libao:hover{background-position: 0 0px;height:48px;width:140px;}