@charset "utf-8";
/* CSS Document */
.incon{
	position:relative;
	width:1386px;
	margin:0 auto;
	left:60px;
	font-size:1.3333rem;
	line-height:25px;
	color:#cebe9b;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.at1 {
	position:relative;
	font-size:1.7rem;
	line-height:2.5rem;
	padding:13px 0 8px 30px;
	color:#ffe5bf;
	font-weight:bold;
	}
.at1::before {
    position: absolute;
    content: url(../images/icn2.png);
    left: 0;
    top:13.5px;
	}
.at2 {
	position:relative;
	font-size:1.7rem;
	line-height:2.5rem;
	padding:13px 0 8px 30px;
	color:#dcc38b;
	font-weight:bold;
	}
.at2::before {
    position: absolute;
    content: url(../images/icn3.png);
    left: 0;
    top:13.5px;
	}
.f2{
	position: relative;
	font-size: 1.45rem;
	padding:5px 0;
	color: #f5e4be;
	font-weight: bold;
	}	
ul,ul.gk{display:block;
	padding-left:22px;
	}
ul li{list-style-type:decimal;}
ul.gk li{list-style-type:disc;}
/**/
.ibt,.ibc,.ibd,.ibt2,.ibc2,.ibd2{
	position: relative;
	width: 100%;
	display:block;
	background-attachment: scroll;
	background-size:100% auto;
	margin:0 auto;
	}
.ibt,.ibd{background-repeat:no-repeat;}
.ibt{
	padding-bottom:1.587%;/*22*/
	background-position: 50% 100%;
	background-image: url(../images/box_01.png);
	}	
.ibd{
	padding-bottom:1.443%;/*20*/
	background-position: 50% 0%;
	background-image: url(../images/box_03.png);
	}
.ibc{
	height:742px;
	/*padding-bottom:54%;*/
	background-position: 50% 0%;
	background-image: url(../images/box_02.png);
	background-repeat: repeat-y;
	}
.ibt2{padding-bottom:1.587%;/*22*/}	
.ibd2{padding-bottom:1.443%;/*20*/}
.ibc2{height:742px;}
.txt{
	position:absolute;
	width:100%;/*57.6*/
	height:10.3%;
	/*padding-bottom:6.1056%;80 10.6*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:auto 100%;
	top:.5%;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.t1_1{background-image: url(../images/txt1_1.png);}
.t1_2{background-image: url(../images/txt1_2.png);}
.t2_1{background-image: url(../images/txt2_1.png);}
.t2_2{background-image: url(../images/txt2_2.png);}
.t3_1{background-image: url(../images/txt3_1.png);}
.t3_2{background-image: url(../images/txt3_2.png);}
.t3_3{background-image: url(../images/txt3_3.png);}
.t3_4{background-image: url(../images/txt3_4.png);}
.t4_1{background-image: url(../images/txt4_1.png);}
.t4_2{background-image: url(../images/txt4_2.png);}
.t5_1{background-image: url(../images/txt5_1.png);}
.t5_2{background-image: url(../images/txt5_2.png);}
.t5_3{background-image: url(../images/txt5_3.png);}
.t5_4{background-image: url(../images/txt5_4.png);}
.txta{
	position:relative;
	width:100%;
	padding-bottom:45px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:auto 100%;
	margin:10px auto 5px;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.txt_a_1{background-image: url(../images/txt_a_1.png);}
.txt_a_2{background-image: url(../images/txt_a_2.png);}
.txt_a_3{background-image: url(../images/txt_a_3.png);}
.txt_a_4{background-image: url(../images/txt_a_4.png);}
.txt_a_5{background-image: url(../images/txt_a_5.png);}
.txt_a_6{background-image: url(../images/txt_a_6.png);}

.mub_bx{
	position:absolute;
	width:100%;
	top:12%;
	left:0;
	text-align:center;
	}
.mub_bx a{
	position:relative;
	width:135px;
	padding-bottom:50px;
	display:inline-block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size:100% auto;
	margin:0 5px;
	}
.mub_bx a:hover,.macb{background-position:50% 100%;}
.mub_1{background-image: url(../images/mu_b_1.png);}
.mub_2{background-image: url(../images/mu_b_2.png);}
.mub_3{background-image: url(../images/mu_b_3.png);}
.mub_4{background-image: url(../images/mu_b_4.png);}
.mub_5{background-image: url(../images/mu_b_5.png);}
.mub_6{background-image: url(../images/mu_b_6.png);}

.hhb{
	position:relative;
	width:100%;
	padding-bottom:3%;
	display:block;
	}
.ch1{height:88%;top:12%;}
.ch2{height:80%;top:20%;}/*100*/
.ch3{height:71%;top:29%;}/*100*/
#incon2{
	position:absolute;
	width:94%;
	left:3%;
	padding:5px 10px 10px 5px;
	}
#incon3{
	position:absolute;
	width:58%;
	left:39%;
	padding:15px;
	background-attachment: scroll;
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:0% 0%,100% 0%,100% 100%,0% 100%;
	background-image:url(../images/bs1.png),url(../images/bs2.png),url(../images/bs3.png),url(../images/bs4.png);
	}
#incon2 strong{ color:#f3deb1;}
.k1{display:block;padding:15px 0;}
.vdpbx{
	position: relative;
	border:1px solid #9b815e;
	margin:20px auto 30px;
	padding:3px;
	}
.vdpbx2{
	position: relative;
	margin:20px 15px 8px;
	float:right;
	}
.vd{width:750px;}
.phk{text-align:center; padding-top:15px;}
.phk img:nth-child(1){display:inline-block;}
.phk img:nth-child(2){display:none;}	
.ph{width:680px;}
.ph2{width:600px;}
.video-container{
    position:relative;
	width:100%;
    padding-bottom:56.25%;/* 46.25%*/
    overflow: hidden;
	border:2px solid #9b815e;
	}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.ph-container{
    position:relative;
	width:100%;
	border:2px solid #9b815e;
	}
.ph-container2{
    position:relative;
	width:100%;
	}
.ph-container img,.ph-container2 img{
	position:relative;
	display:block;
	width: 100%;
	}
.mapbx{
	position:relative;
	width:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 0%;
	background-size:auto 100%;
	background-image: url(../images/mapbt0.png);
	text-align:center;
	margin-bottom:-20px;
	}	
.mapbx a{
	position:relative;
	width:151px;
	display:inline-block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	opacity:.35;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	
.mapbx a span{
	position:relative;
	width:100%;
	padding-bottom:36.423%;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/mapbt.png);
	opacity:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.mapbx a:hover{opacity:1;}
.mapbx a.active,.mapbx a.active span{opacity:1;}
.mapb1{background-image: url(../images/mapbt1.png);}
.mapb2{background-image: url(../images/mapbt2.png);}
.mapb3{background-image: url(../images/mapbt3.png);}
/**/
.swiper-button-next,.swiper-button-prev {
    position:absolute;
    top:50%;
    width:45px;/**/
    height:124px;/**/
    margin-top:-62px;
	display:block;
    cursor:pointer;
    background-position: center;
    background-repeat: no-repeat;
	background-size:100% auto;
	z-index:3;
	outline: none;
	opacity:1;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1;}
	
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/next.png);
    right: -8%;
    left: auto;
	}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/prev.png);
    left: -8%;
    right: auto;
	}
/**/
.tac{ text-align:center; padding:5px 0;}
.tbk{width:99%; margin:10px auto;}
.tbk td{padding:5px 5px;line-height:18px;}
.tbk thead td{
	border-bottom: 1.5px #66553f solid;
	padding: 8px 3px;
	font-weight: bold;
	}
.tbk tbody td{border-bottom:1px #6e5e4f dotted;font-size:1.23rem;}
tbody tr:nth-child(odd){background:rgba(38,25,10,.8);}
tbody tr:nth-child(even){background:rgba(80,60,30,.5);}
.f1{
	position:relative;
	width:99.5%;
	font-size:1.9rem;
	line-height:2.5rem;
	color:#ffd075;
	font-weight:bold;
	text-align:center;
	padding:5px 5px 3px;
	/*border-top: 1px #ffd075 dotted;*/
	border-bottom: 1px #c59b49 dotted;
	margin:25px 0 5px;
	}
.kkvbx{
	position:relative;
	padding:30px 0;
	text-align:center;
	}
.kkvbx > div{
	position: relative;
	width: 268px;
	display:inline-block;
    cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image: url(../images/kkv_bg.png);
	background-size: 100% auto;
	margin:0 1.5%;
	opacity:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.kkv1{
	animation:fadeInRight .6s ease-out;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .6s ease-out;
	-webkit-animation-fill-mode:forwards;
	}
.kkv2{
	animation:fadeInRight .6s ease-out .2s;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .6s ease-out .2s;
	-webkit-animation-fill-mode:forwards;
	}
.kkv3{
	animation:fadeInRight .6s ease-out .4s;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInRight .6s ease-out .4s;
	-webkit-animation-fill-mode:forwards;
	}
	
.kkvbx > div > span{
	position:relative;
	width:100%;/*268px;*/
	padding-bottom:173.134%;/*464*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	display:block;
	opacity:.65;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.kkv1 > span{background-image: url(../images/kkv1.png);}
.kkv2 > span{background-image: url(../images/kkv2.png);}
.kkv3 > span{background-image: url(../images/kkv3.png);}
.kkvbx > div:hover > span{opacity:1;}
.kkvbx > div:hover > .py{
	 transform: scale(1.2); 
	}
.py{
	position:absolute;
	width:25.74%;/*69*/
	padding-bottom:25.74%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
	background-image: url(../images/py2.png);
	top:50%;
	left:50%;
	margin-top:-12.87%;
	margin-left:-12.87%;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.py > div{
	position:absolute;
	width:100%;
	height:100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
	background-image: url(../images/py.png);
	/**/
	-moz-animation: rotate 2.5s linear infinite;
	-webkit-animation: rotate 2.5s linear infinite;
	-o-animation: rotate 2.5s linear infinite;
	-ms-animation: rotate 2.5s linear infinite;
	animation: rotate 2.5s linear infinite;
	}
.knbx{
	position:absolute;
	width:26.11%;/*70*/
	padding-bottom:55.95%;/*150*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	top:0;
	left:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.kkv1 .knbx{background-image: url(../images/kn1.png);}
.kkv2 .knbx{background-image: url(../images/kn2.png);}	
.kkv3 .knbx{background-image: url(../images/kn3.png);}	
/**/
.mkbx{
	position: relative;
	width: 18%;/*17%*/
	display: inline-block;
	padding: 5px;
	text-align: left;
	margin: .3%;
	border: 1px solid #695f48;
	}	
.bossbx{
	position:absolute;
	width:37.4%;/*519 1386*/
	left:.6%;
	/*top:-1%;*/
	bottom:-1%;
	}
.bossbx > div{
	position:relative;
	width:100%;
	padding-bottom:146.05%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	
	}
.bos1{background-image: url(../images/bos1.png);}
.bos2{background-image: url(../images/bos2.png);}
.bos3{background-image: url(../images/bos3.png);}
.bos4{background-image: url(../images/bos4.png);}
.bos5{background-image: url(../images/bos5.png);}
.bos6{background-image: url(../images/bos6.png);}
.bos7{background-image: url(../images/bos7.png);}
.bos8{background-image: url(../images/bos8.png);}
.bos9{background-image: url(../images/bos9.png);}
.bos10{background-image: url(../images/bos10.png);}
.bos11{background-image: url(../images/bos11.png);}
.bos12{background-image: url(../images/bos12.png);}
.bos13{background-image: url(../images/bos13.png);}
.mbosbx{
	position:absolute;
	width:60%;
	right:2.5%;
	top:15%;
	text-align:right;
	z-index:5;
	}
.mbosbx > a{
	position:relative;
	width:50px;
	display:inline-block;
	margin:0 .5%;
	}
.mbosbx > a > span{
	position:relative;
	width:100%;
	padding-bottom:180%;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	
.mbosbx > a:hover span{opacity:1;}
.mbkc span{opacity:.4;}
.mbko span{opacity:1;}
.mbos1 > span{background-image: url(../images/mbos1.png);}
.mbos2 > span{background-image: url(../images/mbos2.png);}
.mbos3 > span{background-image: url(../images/mbos3.png);}
.mbos4 > span{background-image: url(../images/mbos4.png);}
.mbos5 > span{background-image: url(../images/mbos5.png);}
.mbos6 > span{background-image: url(../images/mbos6.png);}
.mbos7 > span{background-image: url(../images/mbos7.png);}
.mbos8 > span{background-image: url(../images/mbos8.png);}
.mbos9 > span{background-image: url(../images/mbos9.png);}
.mbos10 > span{background-image: url(../images/mbos10.png);}
.mbos11 > span{background-image: url(../images/mbos11.png);}
.mbos12 > span{background-image: url(../images/mbos12.png);}
.mbos13 > span{background-image: url(../images/mbos13.png);}
/**/
.ph4{
	position:relative;
	width:100%;
	margin:0 auto;
	}
.ph4 img{position:relative;width:100%;}
.ph4 img:nth-child(1){display:block;}
.ph4 img:nth-child(2){display:none;}	
/**/
#videobx{
	position:relative;
	width:1100px;
	margin:0 auto;
	display:none;
	z-index:2;
	}
.vdbg{
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	display:none;
	cursor:pointer;
	z-index:10;
	background-color:rgba(0,0,0,.8);
	}
/**/
.video-container2{
    position:relative;
	width:100%;
    padding-bottom:56.25%;
    overflow: hidden;
	border:1px solid #9b815e;
	}
.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.vclos{
	position:relative;
	width:35px;
	padding-bottom:33px;
	display:block;
	cursor:pointer;
	float:right;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/close2.png);
	background-size:100% auto;
	margin:3px;
	}
.ssu{
	position:absolute;
	width:14.14%;
	top:66%;
	right:4%;
	pointer-events: none;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.ssu2{
	position:absolute;
	width:36.5%;
	left:5%;
	top:78%;
	pointer-events: none;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.goh{
	position:absolute;
	width:46px;
	padding-bottom:80px;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/goh.png);
	background-size:100% auto;
	right:1.6%;
	top:-15%;
	z-index:2;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}	
.goh2{
	position:absolute;
	width:40px;
	padding-bottom:90px;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/goh2.png);
	background-size:100% auto;
	right:2.3%;
	top:77%;
	opacity:0;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	/**/
	animation:fadeInp 1s ease .3s;
	animation-fill-mode:forwards;
	-webkit-animation:fadeInp 1s ease .3s;
	-webkit-animation-fill-mode:forwards;
	}
.topbx{
	position:absolute;
	width:46px;
	padding-bottom:30px;
	display:block;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 100%;
	background-size:100% auto;
	background-image: url(../images/top.png);
	right:60px;
	bottom:1%;
	z-index:2;
	}
/*20211018*/
.ackk{
	position: relative;
	display: inline-block;
	border: 1px dotted #ffd075;
	padding: 8px 8px 5px;
	font-size: 1.8rem;
	line-height: 2.5rem;
	color: #ffd075;
	font-weight: bold;
	margin:20px 0 10px;
	}
.imbtk{
	position: relative;
	padding:20px 0 10px;
	color:#F33;
	text-align:center;
	}
.k2b{position:relative;}	
.k2b > div{
	position:relative;
	width:33%;
	display:inline-block;
	margin:0 -2px;
	}
/**/
@media only screen and (max-width:1720px){
/**/
.incon{left:30px;}
}
/**/			
@media only screen and (max-width:1400px){
/**/
.incon{
	width:99%;
	left:0;
	}
#incon2{
	width:96%;
	left:2%;
	padding:5px 10px 10px 5px;
	}
/**/
.mkbx{width: 30%;}
.mbosbx{
	width:65%;
	right:2%;
	}
.mbosbx > a {margin: 0 .3%;}
.goh2{
	right:2.3%;
	top:65%;
	}
}
@media only screen and (max-width:1200px){
.mbosbx{
	width:70%;
	right:3%;
	top:13%;
	}
}
@media only screen and (max-width:1100px){
/**/
.mbosbx > a {margin: 0 .5%;}
#incon3{
	width:55%;
	left:42%;
	}
.mbosbx{
	width:97%;
	right:3%;
	top:13%;
	text-align:center;
	}
.bossbx{
	width:40.4%;
	left:.6%;
	top:29%;
	bottom:auto;
	}

/**/
#videobx{width:90%;}
.topbx{bottom:.9%;}
/*20211018*/
.k2b > div{
	width:50%;
	}
}
@media only screen and (max-width:1000px){	
/**/
.ibc2{height:0;padding-bottom:70%;}
.vdpbx2{
	margin:0 auto 5px;
	float:none;
	}
.phk img{ width:100%;}
/**/
.kkvbx > div{
	width:31%;
	margin:0 .6%;
	}
.ssu{
	top:82%;
	right:1%;
	}
.ssu2{
	left:0%;
	top:85%;
	}
.ph {
    width: 600px;
	}
}
@media only screen and (max-width:800px){
/**/
.ibt{
	padding-bottom:2.75%;/*22*/
	background-image: url(../images/box_m_01.png);
	}	
.ibd{
	padding-bottom:2.5%;/*20*/
	background-image: url(../images/box_m_03.png);
	}
.ibc{
	height:auto;/*1742px*/
	background-image: url(../images/box_m_02.png);
	padding:6px 0 15px;
	}
.ibt2{padding-bottom:2.75%;/*22*/background-image: url(../images/box_m_01.png);}	
.ibd2{padding-bottom:2.5%;/*20*/background-image: url(../images/box_m_03.png);}
.ibc2{height:0;padding-bottom:75%;background-image: url(../images/box_m_02.png);}
/**/
.hhb{padding-bottom:6%;}
.incon{
	font-size:1.28rem;
	line-height:22px;
	}
.txt{
	position:relative;
	width:96%;
	height:auto;
	padding-bottom:10%;
	margin:0 auto;
	top:0;
	}
.txta{padding-bottom:10%;}
.mub_bx{
	position:relative;
	top:0;
	left:0;
	margin:15px 0 -15px;
	text-align:center;
	}
.mub_bx a{
	position:relative;
	width:30%; /*135px*/
	padding-bottom:11.111%;/*50px*/
	margin:.2%;
	}
.ch1,.ch2,.ch3{height:auto;top:auto;}
#incon2{
	position:relative;
	width:95%;
	left:0;
	margin:0 auto;
	padding:10px 0;
	}
#incon3{
	position:relative;
	width:92%;
	left:0;
	margin:0 auto;
	padding:15px 10px;
	}
.vdpbx{margin:10px auto 20px;}

.vd,.ph,.ph2{width:98.5%;}
.mapbx{margin:10px 0 0;}
/**/
.swiper-button-next,.swiper-button-prev {
    width:30px;/**/
    height:80px;/**/
    margin-top:-40px;
	}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -3.5%;
	}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -3.5%;
	}
/**/
.tac{ text-align:left;}
/**/
.mkbx{width:auto; display:block;margin:5px auto;}
.bossbx{
	position:relative;
	width:100%;
	margin:0 auto;
	left:0;
	top:0;
	}
.mbosbx{
	position:relative;
	width:98%;/**/
	right:0;
	top:12px;
	margin:0 auto;
	text-align:center;
	}
.mbosbx > a > span{
	position:relative;
	width:100%;
	padding-bottom:100%;
	}
.mbos1 > span{background-image: url(../images/mbos1a.png);}
.mbos2 > span{background-image: url(../images/mbos2a.png);}
.mbos3 > span{background-image: url(../images/mbos3a.png);}
.mbos4 > span{background-image: url(../images/mbos4a.png);}
.mbos5 > span{background-image: url(../images/mbos5a.png);}
.mbos6 > span{background-image: url(../images/mbos6a.png);}
.mbos7 > span{background-image: url(../images/mbos7a.png);}
.mbos8 > span{background-image: url(../images/mbos8a.png);}
.mbos9 > span{background-image: url(../images/mbos9a.png);}
.mbos10 > span{background-image: url(../images/mbos10a.png);}
.mbos11 > span{background-image: url(../images/mbos11a.png);}
.mbos12 > span{background-image: url(../images/mbos12a.png);}
.mbos13 > span{background-image: url(../images/mbos13a.png);}
/**/
.ph4 img:nth-child(1){display:none;}
.ph4 img:nth-child(2){display:block;}
/**/
#videobx{width:99.5%;}
.vclos{
	width:30px;
	padding-bottom:28px;
	margin:2px;
	}
.ssu{
	width:21%;
	top:80%;
	right:0%;
	}
.ssu2{
	width:45%;
	left:1%;
	top:89%;
	}
.goh2{
	width:30px;
	padding-bottom:68px;
	right:2.3%;
	top:60%;
	}
.topbx{
	width:38px;
	padding-bottom:25px;
	bottom:8px;/*1.2 1.2%*/
	}
/*20211018*/
.k2b > div{
	width:100%;
	}
}
@media only screen and (max-width:750px){
/**/

}
@media only screen and (max-width:630px){
/**/
.mbosbx > a {
    width: 43px;
    margin: 0 .15%;
}

}
@media only screen and (max-width:560px){
/**/
.txt{
	width:97%;
	padding-bottom:14%;
	}
.mapbx a{width:33%;}
/**/
.knbx{
	position:absolute;
	width:45%;/*70*/
	padding-bottom:96.428%;/*150*/
	left:-3%;
	}
.py{
	width:35%;
	padding-bottom:35%;
	margin-top:-17.5%;
	margin-left:-17.5%;
	}
.ssu{top:80%;right:-2%;}
.ssu2{top:86%;left:-1%;}
.goh{
	width:40px;
	padding-bottom:75px;
	right: 2.3%;
	top: -50%;
	}
.topbx{
	right: 30px;
	bottom:6px;
	/*bottom:1%;*/}
}
@media only screen and (max-width:450px){
/**/
.phk img{ width:95%;}	
.phk img:nth-child(1){display:none;}
.phk img:nth-child(2){display:inline-block}	
}
@media only screen and (max-width:380px){
/**/
.txt{padding-bottom:18%;}
.txta{padding-bottom:12.7%;}
.ibc2{padding-bottom:105%;}
.goh2{
	width:25px;
	padding-bottom:56px;
	right:1%;
	top:60%;
	}
.topbx{
	right:32px;
	bottom:3.8px;/*.3%*/
	}
}
@media only screen and (max-width:360px){
/**/

}
@media only screen and (max-width:320px){
/**/

}


/**/
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/**/
@-webkit-keyframes fadeInp {
  from {
	-webkit-transform:scale(1.8);
	transform:scale(1.8);	  
    opacity: 0;
  }

  to {
	-webkit-transform:scale(1);
	transform:scale(1);	  
    opacity: 1;
  }
}
@keyframes fadeInp {
  from {
	-webkit-transform:scale(1.8);
	transform:scale(1.8);	  
    opacity: 0;
  }

  to {
	-webkit-transform:scale(1);
	 transform:scale(1);  
    opacity: 1;
  }
}