@charset "UTF-8";
/* CSS Document */

/* anchor_load */
#anchor_load{
	position:fixed;
	top:50%;
	right:50px;
	z-index:100;
	margin-top:-84px;
}
#anchor_load li a{
	display:block;
	width:18px;
	height:18px;
	padding:5px;
	background-image:url(/mobilespace/images/index/side_anchor.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-size:18px 18px;
	/* vertical-align:top; */
}
#anchor_load li a img{
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	opacity:0;
	width:100%;
	height:auto;
	vertical-align:top;
}
#anchor_load li a.active img,
#anchor_load li a:hover img{
	opacity:1;
}
#index #main_bg .txt h1 {
	color: #fff;
	font-size: 30px;
	line-height: 1.6em;
	margin-bottom: 10px;
	text-shadow: 0px 0px 10px rgba(79, 77, 82, 0.5);
	text-align: left;
}

/* box */
.box{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.vision{
	background-image:url(/mobilespace/images/index/box_bg_vision.jpg);
}
.brand{
	background-image:url(/mobilespace/images/index/box_bg_brand.jpg);
}
.data{
	background-image:url(/mobilespace/images/index/box_bg_data.jpg);
}
.box a{
	display:table;
	width:100%;
	height:400px;
	text-decoration:none;
}
.box a{
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.box a:hover{
	background-color:rgba( 0, 0, 0, 0.3 );
}
.box .inner{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	padding:0 40px;
}
.box .inner .txt img {
    max-width: 200px;
    height: auto;
}
.box .txt{
	line-height:1.2em;
	max-width:1100px;
	margin:0 auto;
	color:#fff;
}
.brand .txt{
	color:#192F60;
}
.box .txt h2{
	font-family:'Oswald', sans-serif;
	font-size:60px;
}
.box .txt p{
	font-size:189%;
}
.box .txt p span{
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:14px;
}

/* col2 */
.col2{
	overflow:hidden;
	width:100%;
}
.col2 .box{
	float:left;
	width:50%;
	text-align:center;
	color:#fff;
}
.col2 #tv{
	background-image:url(/mobilespace/images/index/box_bg_cm_tv.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.col2 #radio{
	background-image:url(/mobilespace/images/index/box_bg_cm_radio.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.col2 .col .txt{
	overflow:hidden;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	margin:0 auto;
	width:134px;
	height: 104px;
	padding-top: 30px;
}
.col2 #tv .txt{
	background-color:#55b9e1;
}
.col2 #radio .txt{
	background-color:#fff;
	color:#33B2D0;
}
.col2.cm .col .txt h2{
	font-size:13px;
	font-family: inherit;
}
.col2.cm .col .txt h3{
	font-size:30px;
	line-height:1.1em;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
}
.col2 .col .txt p{
	font-size:14px;
	margin-top:5px;
}

/* col3 */
.col3{
	overflow:hidden;
	width:100%;
}
.col3 .box{
	float:left;
	width:33.333%;
	text-align:center;
	color:#fff;
}
.col3 #ms01{
	background-image:url(/mobilespace/images/index/box_bg_ms01.jpg);
}
.col3 #ms02{
	background-image:url(/mobilespace/images/index/box_bg_ms02.jpg);
}
.col3 #ms03{
	background-image:url(/mobilespace/images/index/box_bg_ms03.jpg);
}
.col3 .box .inner{
	padding:0 20px;
}
.col3 .col .txt{
	width:100%;
}
.col3 .col .txt h2{
	font-size:189%;
	margin-bottom:10px;
	line-height:1.2em;
}
.col3 .col .txt .ttl img {
    max-width: 242px;
	margin: 5px 0px;
}
.col3 .col .txt h2 img{
	max-width:316px;
	width:100%;
	height:auto;
	opacity:1 !important;
}
.col3 .col .txt p{
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	line-height:1.8em;
}
.col3 .col .txt .slid{
	display:none;
}

@media screen and (max-width: 750px) {
/* anchor_load */
#anchor_load{
	right:10px;
	bottom:80px;
	top:auto;
}

/* box */
.vision{
	background-position:25% center;
}
.brand{
	background-position:55% center;
}
.box a{
	height:250px;
}
.box .inner{
	padding:0 20px;
}
.box .txt h2{
	font-size:40px;
}
.box .txt p{
	font-size:15px;
	font-weight:bold;
}

/* col2 */
.col2 .col .txt{
	width:110px;
	height:85px;
    padding-top:25px;
}
.col2.cm .col .txt h2{
	font-size:11px;
}
.col2.cm .col .txt h3{
	font-size:24px;
}
.col2 .col .txt p{
	font-size:12px;
}

/* col3 */
.col3 .box{
	float:none;
	width:100%;
}
.col3 #ms02{
	background-size:auto 100%;
	background-repeat:repeat-x;
}
.col3 .box a{
	height:200px;
	background-color:rgba( 0, 0, 0, 0.3 );
}
.col3 .col .txt{
	opacity:1;
}
.col3 .col .txt h2{
	font-size:20px;
}
}

@media screen and (max-width: 550px) {
/* col2 */
.col2 .box{
	float:none;
	width:100%;
}
.col2 .box a{
	height:180px;
}
}