.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
#banner .miso-arrow:hover{ background:#073190}
	#banner .miso-prev:hover:before{ transform:translateX(-101%)}
	#banner .miso-prev:hover:after{ transform:translateX(-0.375rem)}
	#banner .miso-next:hover:before{ transform:translateX(101%)}
	#banner .miso-next:hover:after{ transform:translateX(0.375rem)}

.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
.w1600{ width:95%; text-align:center; margin:0 auto;}
.w1600 span{ display:inline-block;}
#banner .miso-slide .img{ height:100vh;background-size: cover;background-position: 50%;transition: transform 1s ease,-webkit-filter .5s ease;transition: transform 1s ease,filter .5s ease;transition: transform 1s ease,filter .5s ease,-webkit-filter .5s ease;}
#banner .miso-slide .top{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9999;
background-image:url(../images/hbj.png);
	background-repeat: repeat-x;background-size:auto 100%;
}
#banner .miso-slide .box_table{ text-align:center;}
#banner .miso-slide .top h3{ overflow:hidden; text-align:center;}
#banner .miso-slide .top h4{
	text-align:center; width:100%;
	color:#FFFFFF;
	transform:translateY(150%);
	transition:1.2s;
	text-transform: uppercase;
}
#banner .miso-slide .top h3 img{ transform:translateY(150%); transition:1.2s; opacity:0; visibility:hidden}
#banner .miso-slide .more{margin:9rem 0 0;overflow:hidden;display: inline-block;}
#banner .miso-slide .more a{display:inline-block;width:9.6875rem;height:3.125rem;line-height:3.125rem;background: #2caadd;border-radius:3px;font-size:14px;color:#fff;transition:.6s;text-align:center;transform:translateY(150%);transition:1.2s;opacity:0;visibility:hidden;}
#banner .miso-slide .top .more a:hover{ background: #2caadd;}
#banner .miso-slide .top .more1 a{ background:#073190; margin-right:.5rem}


#banner.on .miso-current .img{transform: scale(1) rotate(.001deg); visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
}
#banner.on .miso-current .img{/* animation:bgscale 6s linear; animation-fill-mode: forwards; */}
#banner.on .miso-current .top h3 img{ transform:translateY(0); opacity:1; visibility:visible}
#banner.on .miso-current .top h4{ transform:translateY(0); opacity:1; visibility:visible}
#banner.on .miso-current .top .more a{ transform:translateY(0); opacity:1; visibility:visible}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

#banner .miso-arrow{float:left;width: 3.125rem;height:3.75rem;background:#fff;overflow:hidden;transition:.6s;cursor:pointer;position:absolute;top:50%;z-index: 10;}
#banner .miso-arrow:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.6s}
#banner .miso-arrow:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.6s}
#banner .miso-prev{left: 0;margin-left: 0;border-radius: 0 1.875rem 1.875rem 0;}
#banner .miso-prev:before{background:url(../images/left1.png) center no-repeat;background-size:1rem 1rem !important;transform: translateX(-0.375rem);}
#banner .miso-prev:after{ background:url(../images/left.png) center no-repeat; background-size:1rem 1rem !important; transform:translateX(101%)}
#banner .miso-next{right: 0;margin-right: 0;border-radius: 1.875rem 0 0 1.875rem;}
#banner .miso-next:before{background:url(../images/right1.png) center no-repeat;background-size:1rem 1rem !important;transform: translateX(0.375rem);}
#banner .miso-next:after{ background:url(../images/right.png) center no-repeat; background-size:1rem 1rem !important; transform:translateX(-101%)}
#banner .miso-dots{ bottom:2rem;}
#banner .miso-dots li{width: 3.125rem;height: 3.625rem;text-align: center; overflow:hidden}
#banner .miso-dots li button{font-size: 26px;color:transparent;padding: 0;width:100%;transition:.6s;font-family: FRADMCN; transform:translateY(101%)}
#banner .miso-dots li:before{content:"";position:absolute;top:50%;margin-top: -1.125rem;left:0;width:100%;height:2px;background: #9f9f9f;opacity: .7;transition:.6s;font-family:FRADMCN;}
#banner .miso-dots li.miso-active button{ color: #fff; transform:translateY(0)}
#banner .miso-dots li.miso-active:before{ width:0; left:50%}





/*Slider ¿ªÊ¼*/
.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.miso-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; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-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);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ }
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; background: url(../images/left_svg.svg) center no-repeat;}
.miso-lightbox .miso-next:before{ content: ''; background: url(../images/right_svg.svg) center no-repeat;}
@media(max-width: 768px){
	.miso-prev, .miso-next{ width:20px; height:20px;}
	.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider ½áÊø*/