@charset "utf-8";
/* CSS Document */
/* loading */
#loo{
	position:absolute;
	width:50px;/*32*/
	height:50px;
	left:50%;
	top: 50%;
	margin-left:-25px;
	margin-top: -25px;
	background-color:#000;
	background-image: url(../images/loading.gif);
	border-radius: 99px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow:hidden;
}
#bacc{
	position: fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:20;
	background-image:url(../images/ba.png);
	}
/**/
.inbg{
	position: relative;
	width:100%;
	/*height:100vh;*/
	background-attachment: scroll;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position: 50% 0%,50% 0%,50% 0%;
	background-image:url(../images/in.jpg),none,none;
	overflow:hidden;
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	}
.int,.ind{
	position: relative;
	width: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.int{padding-bottom:90px;}
.ind{padding-bottom:80px;}

/**/
.logo{
	position:absolute;
	width:247px;/*100%*/
	padding-bottom:157px;/*63.562%*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:100% auto;
	background-image: url(../images/logo.png);
	left:0;
	top:5px;
	cursor:pointer;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.logo3{
	position:absolute;
	width:247px;
	padding-bottom:157px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-image: url(../images/logo.png);
	top:0;
	left:0;
	display:none;
	cursor:pointer;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.inmubx{
	position:absolute;
	width:247px;/*223*/
	/*padding:152px 10px 15px 20px;*/
	top:0;/*145px*/
	/*left:0;15px*/
	z-index:5;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.musl{
	position: relative;
	width:100%;
	height:100vh;
	padding:152px 34px 15px 20px;
	overflow:auto;
	top:0;
	}
.inmub0{
	position:relative;
	width:100%;
	padding-bottom:20%;
	}
.inmub1,.inmub2,.inmub3,.inmub4,.inmub5{
	position:relative;
	width:193px;/*100%*/
	padding-bottom:43px;/*22.279%*/
	display:block;
	cursor:pointer;
	margin:8px auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size:100% auto;
	}
.inmub1:hover,.inmub2:hover,.inmub3:hover,.inmub4:hover,.inmub5:hover,.imuhover{background-position: 50% 100%;}
.inmub1{background-image: url(../images/in_mu_1.png);}
.inmub2{background-image: url(../images/in_mu_2.png);}
.inmub3{background-image: url(../images/in_mu_3.png);}
.inmub4{background-image: url(../images/in_mu_4.png);}
.inmub5{background-image: url(../images/in_mu_5.png);}
.inmubx .im{
	position:relative;
	width:193px;/*100%*/
	display:block;
	margin:0 auto;
	padding-bottom:35px;/*18.134%*/
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:100% auto;
	opacity:.36;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.inmubx .im span{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:100% auto;
	background-image: url(../images/in_mu_bg.png);
	opacity:0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.inmubx .im:hover,.inmubx .im:hover span{opacity:1;}
.inm_a,.inm_b,.inm_c,.inm_d,.inm_e{
	display:block;
	margin:0 auto;
	/*
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;*/
	}
.inm1{background-image: url(../images/in_mu_2_1.png);}
.inm2{background-image: url(../images/in_mu_2_2.png);}
.inm3{background-image: url(../images/in_mu_2_3.png);}
.inm4{background-image: url(../images/in_mu_2_4.png);}
.inm5{background-image: url(../images/in_mu_2_5.png);}
.inm6{background-image: url(../images/in_mu_2_6.png);}
.inm7{background-image: url(../images/in_mu_2_7.png);}	
.inm8{background-image: url(../images/in_mu_2_8.png);}	
.inm9{background-image: url(../images/in_mu_2_9.png);}
.inm10{background-image: url(../images/in_mu_2_10.png);}
.inm11{background-image: url(../images/in_mu_2_11.png);}
.inm12{background-image: url(../images/in_mu_2_12.png);}
.inm13{background-image: url(../images/in_mu_2_13.png);}
.inm14{background-image: url(../images/in_mu_2_14.png);}
/**/
.tbutbox2{display:none; padding:3px 0 12px;}
.dta{padding-bottom:6px;}
.cop_0{
	position:absolute;
	width:40px;
	height:40px;
	display:none;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-image: url(../images/cop_0.png);
	background-size:100% auto;
	overflow:hidden;
	top:0;
	left:220px;
	z-index:2;
	}
.cop_1,.cop_2{
	position:relative;
	width:100%;
	padding-bottom:100%;
	cursor:pointer;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% auto;
	}
.cop_1{background-image: url(../images/cop_1.png);}
.cop_2{background-image: url(../images/cop_2.png);}
.op .cop_1,.od .cop_1{display:none;}
.oc .cop_2,.od .cop_2{display:block;}
.op,.oc{left:0;}

/**/
@media only screen and (max-width:1720px){
/**/
.logo{
	position:absolute;
	width:100%;/*110*/
	padding-bottom:68%;/*63.562 69.9182*/
	background-size:auto 100%;
	top:8px;
	left:0;/*-5%*/
	}
.inmubx{
	position:fixed;
	width:220px;/*213*/
	height:100vh;
	padding:0;
	background-color:#262b3a;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-size: 100% auto;
	background-image: url(../images/mubg2.jpg);
	}
.musl{padding:150px 10px 15px 10px;}	
.cop_0{display:block;}
.od{}
.op{left:0;}
.oc{left:-220px;}
}
/**/			
@media only screen and (max-width:1400px){
/**/
.inbg{
	/*background-size:150% auto;
	min-width:100px;*/
	}
.incon{
	width:99%;
	left:0;
	}
.int{padding-bottom:8.428%;}
.ind{padding-bottom:4.714%;}

.musl{padding:150px 12px 15px 8px;}

}
@media only screen and (max-width:1000px){	
/**/
.logo3{
	width:24.7%;
	padding-bottom:15.7%;
	background-size:100% auto;
	}

	
}
@media only screen and (max-width:800px){
/**/
.inbg{
	height:auto;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-position:50% 0%,50% 100%,50% 0%;
	background-image: url(../images/in_m_01.png),url(../images/in_m_03.png),url(../images/in_m_02.jpg);
	background-size:100% auto,100% auto,100% auto;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.int{padding-bottom:18.428%;}
.ind{padding-bottom:5.714%;}
/**/
.logo3{
	width:30.874%;
	padding-bottom:19.62%;
	display:block;
	}
.inmubx{
	position:fixed;
	width:220px;
	padding:0;/*135px 10px 15px 10px*/
	/*left:-220px;*/
	background-image: url(../images/mubg1.jpg);
	}
.musl{padding:150px 8px 15px 12px;}
.inmub0 {
    padding-bottom:30%;/*30%*/
}
.inmub1,.inmub2,.inmub3,.inmub4,.inmub5{margin:10px auto;}
.inm_a,.inm_b,.inm_c,.inm_d,.inm_e{display:none;}
.tbutbox{display:none;}
.tbutbox2{
	display:block;
	text-align:center;
	}
.tbutbox2 .bt_1,.tbutbox2 .bt_2{/*width:85px;height:28px;*/margin:0 1px;}
.bt_1{background-image: url(../images/bt_1.png);}
.bt_2{background-image: url(../images/bt_2.png);}
.shr1,.shr2,.shr3,.shr4{width:40px;height:40px;margin:0 1px;display:inline-block;background-position:50% 50%;}
.cop_0{
	background-image: url(../images/cop.png);
	left:auto;
	right:220px;
	}
.cop_1{background-image: url(../images/cop1.png);}
.cop_2{background-image: url(../images/cop2.png);}
.od .cop_1{display:block;}
.od .cop_2{display:none;}
.od{left:auto;right:-220px;}
.op{left:auto;right:0;}
.oc{left:auto;right:-220px;}
}
@media only screen and (max-width:750px){
/**/

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


}
@media only screen and (max-width:580px){
	
}
@media only screen and (max-width:560px){
/**/
}
@media only screen and (max-width:450px){
/**/
}
@media only screen and (max-width:380px){
/**/
}
@media only screen and (max-width:360px){
/**/

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

}