
/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}





#div{
    width:2.89rem;
	height:2.69rem;
    overflow: hidden;
    position: absolute;
    bottom:40.5%;
    left:17.7%;
    }
    #box{
     width:26.01rem;
     height:2.69rem;   
    overflow:visible;
    position:relative;
    animation:myfirst 2.5s step-start 0.1s infinite;
    }
    #box li{
        float: left;
        width:2.89rem;
        height:2.69rem; 
    }
    li img{
        width:100%;
        height:100%;
    }
    @keyframes myfirst
{
	0%   { left:0px; top:0;}
	10%  { left:-2.89rem; top:0;}
	20%  { left:-5.78rem; top:0;}
	30%  { left:-8.67rem; top:0;}
	40%  { left:-11.56rem; top:0;}
    50%  { left:-14.45rem; top:0;}
    60%  { left:-17.34rem; top:0;}
    70%  { left:-20.23rem; top:0;}
    80%  { left:-23.12rem; top:0;}
    90%  { left:-26.01rem; top:0;}
    100% {left:0px; top:0;}
}



.index_banner .block_txt{width: 35%;float: left;padding-left: 10%;}
.index_banner .block_txt img{width: 100%;display: block;}


/*banner*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
/*.slick-dots li button:focus:before
{
    opacity: 1;
}*/
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

 /*   opacity: .25;*/
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}*/

/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;

}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 35%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item .inner .block_txt img{display: block;margin: 0 auto;}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}


.index_main .section1 .slick_txt{
	width:0.66rem;height:0.66rem;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 0.66rem;
	height: 0.66rem;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 5%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 1;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../../images/index/ban_prev.png);background-size: 100%;
	left:35%;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../../images/index/ban_next.png);background-size: 100%;
	right:35%;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../../images/index/ban_prev_hover.png);transform:rotate(360deg);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../../images/index/ban_next_hover.png);transform:rotate(360deg);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}


.index_main .section2{background: url(../../images/index/222.jpg)no-repeat center;background-size: 100% 100%;}
.index_main .section2 .title{width: 75%;height: 2.5rem;background: url(../../images/index/12xbg.png)no-repeat center;margin: 0 auto;text-align: center;color: #fff;font-size: 0.42rem;font-weight: bold;line-height: 2.5rem;background-size: 100%;}

#scdd{background: url(../../images/index/221.jpg)no-repeat center;background-size: 100% 100%;}

 .section2 .swiper-container {
      width: 100%;
      height: 4.5rem;
      padding-top:0.5rem;
      margin-left: auto;
      margin-right: auto;
    
    }
   .section2 .swiper-slide {
      text-align: center;
      color: #fff;font-size: 0.18rem;
    }
  .section2 #progressEffect{
    position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
  }

  .section2 .swiper-slide .biaoti{text-align: center;font-size: 0.2rem;color: #00ffbf;background: url(../../images/index/guang.png)no-repeat center;width: 100%;height: 2.7rem;background-size:64%;position: relative;}
  .section2 .swiper-slide .biaoti p{font-size: 0.6rem;font-family:'宋体-Medium';display: block;width: 100% !important;padding-top: 0.3rem}
    .section2 .swiper-slide .biaoti p span{font-size:0.25rem;}
  .section2 .swiper-slide .biaoti p sup{font-size: 0.3rem;}
 .section2 .swiper-slide .wen{margin-top: 0.2rem;}

  .section2 .swiper-pagination-bullet{width: 0.5rem !important;height: 0.12rem !important;background: url(../../images/index/shu2.png)no-repeat center !important;margin: 0rem !important;}
  .section2 .swiper-pagination-bullet-active{width: 1.02rem !important;height: 0.12rem !important;background: url(../../images/index/shu.png)no-repeat center !important;}


.section2 .bottom .fl{width: 7.74rem;height: 4.86rem;}
.section2 .bottom .fl img{width: 100%;display: block;}
.section2 .bottom .fr{width: 6.06rem;height: 4.54rem;background: url(../../images/index/wen_bg.png)no-repeat center;background-size: cover;color:#fff;}
.section2 .bottom .fr .biao{text-align: center;font-size: 0.26rem;font-weight: bold;color: #00ffc2;line-height: 0.45rem;letter-spacing: 5px;}
.section2 .bottom .fr .wen{width: 80%;margin:0 auto;font-size: 0.16rem;line-height: 0.3rem;text-align:justify;text-indent:2em;}
.section2 .bottom .fr .wen p{font-size: 0.24rem;font-weight: bold;margin:0.6rem auto 0.3rem;}
.section2 .bottom .fr .more a{font-size: 0.15rem;color: #00ffc2;text-align: center;display:block;margin-top: 0.1rem;}


.index_main .section3{background: url(../../images/index/section3.jpg)no-repeat center;background-size: 100% 100%;}
.index_main .section3 .title{width: 80%;height: 2.5rem;background: url(../../images/index/gcbg.png)no-repeat center;margin: 0 auto;text-align: center;color: #fff;font-size: 0.42rem;font-weight: bold;line-height: 2.5rem;margin-top: 0.7rem;background-size: 100%;}
.index_main .section3 .wrap{width: 80%;}


/*.index_main .section3 .info_box_pic_box{width:100%;overflow:hidden;}*/
/*.index_main .section3 .info_box_pic_box_more_btn{width:100%;text-align:center;margin:0.3rem 0;}*/
/*.index_main .section3 .info_box_pic_box_more_btn a{display:inline-block;padding:0.12rem 0.6rem;background:#dc2821;color:#fff;font-size:0.18rem;line-height: 0.35rem;}*/
/*.index_main .section3 .info_box_pic_box_more_btn a:hover{background:#323232;}*/
/*.index_main .section3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.61rem !important;height: 0.46rem !important;overflow: hidden;top:60%;}*/
/*.index_main .section3 .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.61rem !important;height: 0.46rem !important;overflow: hidden;top:60%;}*/
/*.index_main .section3 .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;width: 100%;display: block;}*/
/*.index_main .section3 .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;width: 100%;display: block;}*/
/*.index_main .section3 .swiper-button-next:hover img,#xuank .swiper-button-prev:hover img{margin-top: -0.46rem}*/

/*.index_main .section3 .info_box_pic_box .swiper-slide .wen{width: 2.62rem;height: 0.78rem;line-height: 0.78rem;color: rgba(255,255,255,0.5);margin: 0 auto;background: url(../../images/index/kuang.png)no-repeat center;background-size: cover;text-align: center;font-size: 0.24rem;}*/

/*.index_main .section3 .info_box_pic_box .swiper-slide-prev .wen:hover,.index_main .section3 .info_box_pic_box .swiper-slide-next .wen:hover{width: 2.62rem !important;height: 0.78rem !important;line-height: 0.78rem;color: rgba(255,255,255,0.5);background: url(../../images/index/kuang1.png)no-repeat center !important;background-size: cover;text-align: center;font-size: 0.24rem;} */


/*.index_main .section3 .info_box_pic_box .swiper-slide-active .wen{width: 3.26rem;height: 0.96rem;line-height: 0.96rem;color: #00ffbd;margin: 0 auto;background: url(../../images/index/xuank.png)no-repeat center;background-size: cover;font-size: 0.32rem;}*/

/*.index_main .section3 #aa:hover{width: 2.62rem !important;height: 0.78rem !important;line-height: 0.78rem;color: rgba(255,255,255,0.5);background: url(../../images/index/kuang1.png)no-repeat center !important;background-size: cover;text-align: center;font-size: 0.24rem;} */


.gneng{position: relative; height: 5.6rem; width: 12rem;margin: 0rem auto;margin-top:0.4rem;}

.film_focus{width:12rem;height:4.86rem;overflow:hidden;position:relative;}
.film_focus .film_focus_imgs_wrap{width:7.74rem;height:4.86rem;float: right;position: absolute;right: 0;}
.film_focus ul.film_focus_imgs{width:7.74rem;height:4.86rem;position:absolute;left:0;top:0;}
.film_focus ul.film_focus_imgs li{height:4.86rem;overflow:hidden;width: 7.74rem;position:relative;}
.film_focus ul.film_focus_imgs li img{width: 100%;display: block;}
.film_focus ul.film_focus_imgs li .yin{position:absolute;top:-0.1rem;height:90%;left:-0.1rem;background: url(/statics/images/index/toum.png)no-repeat center;background-size: 97%;width:90%;padding:10% 5% 0;font-size:0.18rem;color:#fff;display:none;line-height:0.3rem;}
.film_focus ul.film_focus_imgs li .yin p{font-size:0.24rem;padding-top:0.2rem;line-height:0.45rem;}


.film_focus ul.film_focus_nav{width:3.85rem;height:5.57rem;position:absolute;left:0;top:0.55rem;}

.film_focus ul.film_focus_nav li{width: 2.62rem;height: 0.78rem;line-height: 0.78rem;color: rgba(255,255,255,1);margin: 0 auto;background: url(http://www.asiakrt.com/statics/images/index/kuang.png)no-repeat center;background-size: cover;text-align: center;font-size: 0.24rem;margin: 0.4rem auto;}
.film_focus ul.film_focus_nav li:hover{width: 3.26rem;height: 0.96rem;line-height: 0.96rem;color: #00ffbd;margin: 0 auto;background: url(http://www.asiakrt.com/statics/images/index/xuank.png)no-repeat center;background-size: cover;font-size: 0.32rem;margin:0.4rem auto;}

.film_focus ul.film_focus_imgs li:hover .yin{display:block;}

.roll1{width: 0.61rem !important;height: 0.46rem !important;overflow: hidden;top:0%;position: absolute;left: 14%;}
.roll1 img,.roll2 img{width:100%;display:block;}
.roll1:hover img,.roll2:hover img{margin-top: -0.46rem}
.roll2{width: 0.61rem !important;height: 0.46rem !important;overflow: hidden;top:81%;position: absolute;left: 14%;}





.index_main .bg05_picshow{width: 4.5rem;float: left;height: 5rem;overflow: hidden;margin-top: 0.5rem;margin-left: 1rem;}
.index_main .bg06_picshow{width: 7.74rem;float: right;height: 4.86rem;overflow: hidden;margin-right: 1rem;}
.index_main .bg06_picshow .tu{width: 7.74rem;height: 4.86rem;}
.index_main .bg06_picshow .tu img{width: 100%;display: block;}








.index_main .section4{background: url(../../images/index/section2.jpg)no-repeat center;background-size: 100% 100%;}
.index_main .section4 .title{width: 70%;height: 2.5rem;background: url(../../images/index/12xbg.png)no-repeat center;margin: 0 auto;text-align: center;color: #fff;font-size: 0.42rem;font-weight: bold;line-height: 2.5rem;margin-top: 0.5rem;background-size: 100%;}

.index_main .section4 .bottom{width: 100%;height: 5.5rem;background:url(../../images/index/shili.png)no-repeat center;background-size: 90%;}
.index_main .section4 .bottom .fl,.index_main .section4 .bottom .fr{width: 25%;margin: 0 4%;}
.index_main .section4 .bottom li{color: #fff;font-size: 0.16rem;text-align: right;padding-top: 0.95rem;padding-bottom: 0.42rem;}
.index_main .section4 .bottom li p{font-size: 0.24rem;padding-bottom: 0.1rem;}
.index_main .section4 .bottom .zuo{width: 75%;float: left;padding-right: 5%;}
.index_main .section4 .bottom .you{width: 17%;float: right;}
.index_main .section4 .bottom img{display: block;padding-top: 0.05rem;margin:0 auto;}
.index_main .section4 .bottom .fr .zuo{width: 75%;float: right;text-align: left;padding-right: 0%;}
.index_main .section4 .bottom .fr .you{width: 15%;float: left;padding-right:5%;padding-left:3%;}

.index_main .section4{background: url(../../images/index/333.jpg)no-repeat center;background-size:cover;}
.index_main .section4 .title{width: 70%;height: 2.5rem;background: url(../../images/index/12xbg.png)no-repeat center;margin: 0 auto;text-align: center;color: #fff;font-size: 0.42rem;font-weight: bold;line-height: 2.5rem;margin-top: 0.5rem;background-size: 100%;}


.index_main .section5{background: url(../../images/index/section5.jpg)repeat;}
.index_main .section5 .title{text-align: center;color: #333333;font-size: 0.16rem;font-weight: bold;margin-top: 1rem;line-height: 0.45rem;margin-bottom: 0.3rem;}
.index_main .section5 .title p{font-size: 0.42rem;}



.lanrenzhijia{width: 100%;height:5.8rem;margin:0 auto;}
.lanrenzhijia .tab{width:14rem;margin: 0 auto;}

.lanrenzhijia .tab a{font-size: 0.12rem;color: #666666;display: block;float: left;width: 2.04rem;text-align: center;line-height: 0.25rem;background: url(../../images/index/kuai1.png)no-repeat top;height: 0.64rem;margin-right:0.5rem;margin-bottom: 0.5rem;z-index: 11111;position: relative;background-size:cover;cursor:pointer;}
.lanrenzhijia .tab a p{font-size: 0.24rem;padding-top: 0.1rem;}
.lanrenzhijia .tab a.on{background: url(../../images/index/kuai2.png)no-repeat bottom;height: 0.64rem;width: 2.04rem;color:#fff;background-size:cover;}


.lanrenzhijia .content{ overflow:hidden; width:19.2rem;height:7rem;position:absolute; float:left;bottom:0;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:7rem;}
.lanrenzhijia .content .li{ width:19.2rem; float:left;}


.lanrenzhijia .content .shang{width:19.2rem;height: 7rem;margin: 0 auto;}
.lanrenzhijia .content .wen{width: 3.5rem;height: 5.3rem;background: rgba(25,157,82,0.9);position: absolute;right: 8%;top: 0;padding:0.5rem;color: #fff;}
.lanrenzhijia .content .wen p{font-size: 0.38rem;}
.lanrenzhijia .content .wen p a{color:#fff;}
.lanrenzhijia .content .wen hr{width: 0.55rem;height: 2px;background: #fff;border:none;outline: none;background: #fff;margin: 0.4rem auto 0.4rem 0;}
.lanrenzhijia .content .wen .nei{font-size: 0.18rem;text-transform: uppercase;line-height: 0.3rem;text-indent:2em;}
.lanrenzhijia .content .wen .shu{font-size: 0.24rem;color: #fff;font-family: '宋体';text-align: center;top: 4.45rem;position: absolute;width: 80%;}
.lanrenzhijia .content .wen .shu span{font-size: 0.32rem;}


.bannerBox{ width:19.2rem;  height:8rem;  position:relative; overflow:hidden;}
.bannerBox .bd{ width:19.2rem; position:absolute; left:0%; margin-left:0px;}
.bannerBox .bd ol{ width:19.2rem;  overflow:hidden;position: relative;}
.bannerBox .bd ol .shang img{ display:block; width:19.2rem; height:5.2rem;position: absolute;bottom:0;}

.bannerBox .tempWrap{ overflow:visible !important }
.bannerBox .tempWrap ul{  margin-left:-19.2rem !important; /*强制位置*/  }
.bannerBox .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;}


.bannerBox .next .arrow{
  width: 0.41rem;
    height: 0.4rem;
    background: url(../../images/mei/you.png) no-repeat center 0px;
    right: 10%;
    top: 4.5rem;
    position: absolute;background-size:cover;
}

.section4{position:relative;}

.bannerBox .prev .arrow{
  width: 0.41rem;
    height: 0.4rem;
    background: url(../../images/mei/zuo.png) no-repeat center 0px;
    right: 27%;
    top: 4.5rem;
    position: absolute;background-size:cover;
}


.index_main .section6{background: url(../../images/index/section6.jpg)no-repeat center;background-size:cover;}
.index_main .section6 .wrap{width: 81%;}
.index_main .section6 .title p{text-align: center;color: #333333;font-size: 0.42rem;font-weight: bold;background-size: 100%;line-height: 0.6rem;}
.index_main .section6 .title{text-align: center;color: #333;font-size: 0.16rem;width: 70%;float: right;margin-top: 1rem;}

.section6 li{width: 2.82rem;height: 4.22rem;float: right;position: relative;margin-left: 0.6rem;margin-top: 1rem;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1)}
.section6 li:last-child{margin-left: 0;}
.section6 li .tu img{width: 100%;display: block;}
.section6 li .biao{width: 0.33rem;height: 1.15rem;background: #199d52;color: #fff;font-size: 0.2rem;font-weight: bold;text-align: center;padding-top: 0.15rem;position: absolute;left: -0.15rem;top:0.4rem;z-index: 2;}
.section6 li .yin{width: 2.90rem;height: 4.3rem;background: rgba(0,0,0,0.5);text-align: center;font-size: 0.2rem;line-height: 0.45rem;font-family: '楷体';color: #fff;position: absolute;top:0px;left:0.18rem;display: none;transtion:0.5s;}
.section6 li .yin p{padding-top: 0.8rem;}
.section6 li:hover .yin{display: block;}
.section6 li:hover{margin-top: 0.7rem;}
.section6 li:hover .biao{background: #0066e4;}
.section6 .bottom .more{width: 1.8rem;height: 0.72rem;margin-left:9.8rem;display: block;margin-top: 0.5rem;}
.section6 .bottom .more img{width: 100%;display: block;}

/*弹窗视频*/


.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }
    
    .customClass video{width:100%;}



.bg04_link_02{
    position:absolute;left:34.5%;top:37.5%;width:4.5rem;height:4.5rem;background:url(../../images/index/link_02.png);
    animation:rotateLeft 32s .5s linear infinite;z-index: 111;
    background-size:cover;
}
.bg04_link_02:hover{
    position:absolute;left:34.5%;top:37.5%;width:4.5rem;height:4.5rem;background:url(../../images/index/link_02.png);
    animation:rotateLeft 2s .5s linear infinite;
    background-size:cover;
}
.bg04_link_03{
    position:absolute;left:32.7%;top:34.2%;width:5rem;height:5rem;background:url(../../images/index/link_03.png);
    animation:rotateRight 30s .5s linear infinite;
    background-size:cover;
}

.bg04_link_03:hover{
    position:absolute;left:32.7%;top:34.2%;width:5rem;height:5rem;background:url(../../images/index/link_03.png);
    animation:rotateRight 2s .5s linear infinite;
    background-size:cover;
}

/* 左侧2D旋转 */
@-webkit-keyframes rotateLeft{
    0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);}
    100%{-webkit-transform-origin:center center;-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes rotateLeft{
    0%{-moz-transform-origin:center center;-moz-transform:rotate(0);}
    100%{-moz-transform-origin:center center;-moz-transform:rotate(-360deg);}
}
@-ms-keyframes rotateLeft{
    0%{-ms-transform-origin:center center;-ms-transform:rotate(0);}
    100%{-ms-transform-origin:center center;-ms-transform:rotate(-360deg);}
}
@keyframes rotateLeft{
    0%{transform-origin:center center;transform:rotate(0);}
    100%{transform-origin:center center;transform:rotate(-360deg);}
}
/* 右侧2D旋转 */
@-webkit-keyframes rotateRight{
    0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);}
    100%{-webkit-transform-origin:center center;-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotateRight{
    0%{-moz-transform-origin:center center;-moz-transform:rotate(0);}
    100%{-moz-transform-origin:center center;-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotateRight{
    0%{-ms-transform-origin:center center;-ms-transform:rotate(0);}
    100%{-ms-transform-origin:center center;-ms-transform:rotate(360deg);}
}
@keyframes rotateRight{
    0%{transform-origin:center center;transform:rotate(0);}
    100%{transform-origin:center center;transform:rotate(360deg);}
}



