/* CSS Document */

.dentalBan .page-width{ position:absolute; bottom:0; left:50%; margin-left:-600px; height:100%;}
.d-ban{ width:1920px; position:absolute; bottom:0; height:100%; left:50%; margin-left:-960px;}
.d-ban a>div{ position:absolute; bottom:0; left:0; width:100%; height:100%; background-size:cover; z-index:3; background-position:center;}
.videoindex{ position:absolute; top:0; left:0; width:100%; height:100%; background:#F00; opacity:0; filter:alpha(opacity=0); transition:opacity 0.27s;}
.videoindex td{ background:#f4f4f4; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; padding-top:70px; box-sizing:border-box;}
.videoindex video{ max-width:100%; max-height:100%; width:1200px;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}


.play{ position:absolute; top:50%; left:50%; width:290px; height:290px; margin:-145px 0 0 -145px; z-index:3; cursor:pointer;
transition:opacity 0.27s;
}
.play div{ position:absolute; cursor:pointer;}
.playA{ width:100%; height:100%; border-radius:50%; background:#e60012; opacity:0.2; top:0; left:0;
transition:transform 0.27s,opacity 0.27s;}
.playB{ width:98px; height:98px; border-radius:50%; background:#e60012; top:50%; left:50%; margin:-49px 0 0 -49px;}
.playC{ border-width:26px 36px; border-color:transparent; border-left-color:#fff; border-style:solid; top:50%; left:50%; margin:-26px 0 0 -12px;}
.play:hover .playA{ opacity:0.4;
transform:scale(0.7,0.7);
}
.aboutBb{width:100%; padding-top:20px; position:relative; z-index:2;}
.aboutBb img{ display:block; margin:0 auto; max-width:100%; transform:translate(0,384px);
animation:aboutBImg 2s linear infinite alternate;
-webkit-animation:aboutBImg 2s infinite alternate;
}
@keyframes aboutBImg{
0%{ transform:translate(0,20px);}
100%{ transform:translate(0,0);}
}
@-webkit-keyframes aboutBImg{
0%{ -webkit-transform:translate(0,20px);}
100%{ -webkit-transform:translate(0,0);}
}

.play_che .videoindex{ opacity:1; filter:alpha(opacity=100);
/* Internet Explorer 10 */
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;}
.video_che .play{ opacity:0;}
.video_che .play:hover{ opacity:1;}
.video_che .playC{ width:10px; border-width:10px; height:40px; border-top:none; border-bottom:none; border-color:#fff; margin:-20px 0 0 -15px;}

.videoSlide,.videoA,.videoB{ position:absolute; top:0; left:0; width:100%; height:100%;}
.videoSlide{ z-index:1; transition:opacity 0.27s; opacity:0.5;}
.videoSlide_che{ opacity:0;}
.videoA{ background:url(../227/videoA.jpg) center no-repeat; background-size:cover; z-index:3;
animation:videoA 10s linear 0s infinite alternate;
-webkit-animation:videoA 10s linear 0s infinite alternate;
}
@keyframes videoA{
0%{ opacity:0; display:block;}
45%{ opacity:0;}
55%{ opacity:1; display:block;}
55.1%{ display:none;}
100%{ opacity:1; display:none;}
}
@-webkit-keyframes videoA{
0%{ opacity:0; display:block;}
45%{ opacity:0;}
55%{ opacity:1; display:block;}
55.1%{ display:none;}
100%{ opacity:1; display:none;}
}
.videoB{ background:url(../227/videoB.jpg) center no-repeat; background-size:cover; z-index:2;}





.disBanA{ position:absolute; top:310px; left:50%; display:block; width:141px; height:42px; margin-left:-49px;}
.d-ban .d-ban-img{ z-index:5;}
@keyframes d-ban{
	0%{ opacity:0; display:none;}
	1%{ opacity:0; display:block;}
	100%{ opacity:1; display:block;}	
}
@-webkit-keyframes d-ban{
	0%{ opacity:0; display:none;}
	1%{ opacity:0; display:block;}
	100%{ opacity:1; display:block;}	
}
.d-ban .d-ban-che{ z-index:4;}
.d-ban-li{ position:absolute; bottom:20px; left:0; width:100%; z-index:7; text-align:center; display:none; padding-top:20px;}
.d-ban-lispan{ display:inline-block; height:24px; opacity:0.75; filter:alpha(opacity=75); border-radius:12px;}
.d-ban-lispan span{ display:inline-block; width:20px; height:6px; background:#fff; overflow:hidden; margin:0px 8px; cursor:pointer;
transition:width linear 0.1s;
-webkit-transition:width linear 0.1s;}
.d-ban-li .d-ban-checked{ background:#e60012; width:50px;}
.dentalBan{ overflow:hidden; height:800px; width:100%; min-width:1200px;}
.banner-img{ position:absolute; top:0; left:50%; margin-left:-960px; z-index:0;}

.iban-1{ position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-240px; height:400px;}
.iban-1l{ width:492px; height:396px; background:url(../image/iban-1.png) center no-repeat; position:absolute; top:0; right:0;}
.iban-1r{ position:absolute; top:0; left:0; width:350px; height:auto;}
.iban-11{ background:url(../image/iban-11.png) left no-repeat; height:56px; width:546px; margin-top:140px;}
.iban-12{ background:url(../image/iban-12.png) left no-repeat; height:36px; width:547px; margin-top:24px;}
.iban-13{ margin-top:90px; width:320px;}
.iban-13 .more{ width:80px; margin:0; overflow:hidden; position:relative;}
.iban-13 .more .more-bg{ opacity:1;}

.iban-2{ width:680px; height:270px; position:absolute; top:22%; left:50%; margin-left:-340px; background:url(../image/iban-2.png) center no-repeat;}
.iban-3{ width:457px; height:260px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-130px; background:url(../image/iban-3.png) center no-repeat;}
.iban-3lm{ position:absolute; top:50%; left:50%; margin-left:-356px; margin-top:180px;}
.iban-3r{ width:596px; height:600px; position:absolute; bottom:0; right:50%; margin-right:-500px; background:url(../image/iban-3r.png) center no-repeat;}

.d-ban-img .iban-1l{ animation:iban-1l 1.5s;}
.d-ban-img .iban-11{ animation:iban-11 1.5s;}
.d-ban-img .iban-12{ animation:iban-12 1.5s;}
.d-ban-img .iban-13{ animation:iban-13 1.5s;}

@keyframes iban-1l{
0%{ transform:translate(200px,0); opacity:0;}
70%{ transform:translate(0,0); opacity:1;}
}
@keyframes iban-11{
0%{ transform:translate(0,200px); opacity:0;}
30%{ transform:translate(0,200px); opacity:0;}
80%{ transform:translate(0,0); opacity:1;}
}
@keyframes iban-12{
0%{ transform:translate(0,200px); opacity:0;}
40%{ transform:translate(0,200px); opacity:0;}
90%{ transform:translate(0,0); opacity:1;}
}
@keyframes iban-13{
0%{ transform:translate(0,200px); opacity:0;}
50%{ transform:translate(0,200px); opacity:0;}
100%{ transform:translate(0,0); opacity:1;}
}

.d-ban-img .iban-3{ animation:iban-3 1.5s;}
.d-ban-img .iban-3lm{ animation:iban-3lm 1.5s;}
.d-ban-img .iban-3r{ animation:iban-3r 1.5s;}

@keyframes iban-3{
0%{ transform:translate(-300px,0); opacity:0;}
30%{ transform:translate(-300px,0); opacity:0;}
80%{ transform:translate(0,0); opacity:1;}
}
@keyframes iban-3lm{
0%{ transform:translate(-300px,0); opacity:0;}
40%{ transform:translate(-300px,0); opacity:0;}
90%{ transform:translate(0,0); opacity:1;}
}
@keyframes iban-3r{
0%{ transform:translate(300px,0); opacity:0;}
70%{ transform:translate(0,0); opacity:1;}
}