@charset "gb2312";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.banner01,
.banner02 {
	margin-bottom: 15px;
}

#main .activeBox {
	clear: both;
	height: 300px;
	overflow: hidden;
	margin-bottom: 17px;
}
#main .activeBox .activePhoto {
	float: left;
	width: 440px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
#main .activeBox .activePhoto a {
	display: block;
}
#main .activeBox .activePhoto a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#main .activeBox .activePhoto .iFocus ul {
	height: 300px;
	position: absolute;
	z-index: 88
}
#main .activeBox .activePhoto .iFocus ul li {
	float: left;
	width: 440px;
	height: 300px;
	overflow: hidden;
	position: relative;
	z-index: 81
}
#main .activeBox .activePhoto .iFocus ul li a {
	display: block;
}
#main .activeBox .activePhoto .iFocus ul li a img {
	vertical-align: middle;
	width: 440px;
	height: 300px;
}
#main .activeBox .activePhoto .iFocus ul li p {
	font-size: 14px;
	display: block;
	color: #EDE5E0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 440px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background: url(com_bg.png) repeat left center;
}
#main .activeBox .activePhoto .iFocus ul li p span {
	display: block;
	width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#main .activeBox .activePhoto .iFocus .btn {
	position: absolute;
	width: 440px;
	height: 13px;
	right: 10px;
	bottom: 8px;
	text-align: right;
	z-index: 90;
}
#main .activeBox .activePhoto .iFocus .btn span {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 10px;
	height: 10px;
	text-align: center;
	font-size: 14px;
	font-family: "微软雅黑";
	margin-right: 5px;
	cursor: pointer;
	color: #fff;
	background-color: #BEBEBE;
	border-radius: 50%;
}
#main .activeBox .activePhoto .iFocus .btn span.on {
	background-color: #fff;
}
#main .activeBox .activeText {
	float: right;
	width: 520px;
	height: 300px;
	padding: 0 15px;
	overflow: hidden;
}

.switchTab .bd {
	clear: both;
	position: relative;
	overflow: hidden;
	padding: 15px;
}
#main .activeBox .activeText .switchTab .bd {
	padding: 15px 0 0;
}

#main .activeBox .activeText .sub_title {
	color: #666;
	border-bottom: 2px dotted #CBCBCB;
	font-size: 20px;
	font-family: "微软雅黑";
	margin-bottom: 5px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

#main .activeBox .activeText .sub_title a {
	color: #666;
}

#main .activeBox .activeText .sub_title a:hover {
	color: #0b98df;
}

.spBanner {
	display: none;
}

.style,
.mailbox,
.online_box,
.special,
.info_box,
.dynamics {
    overflow:hidden;
	margin-bottom: 17px;
}

.info_box .policy {
	float: left;
	width: 660px;
}

.info_box .info {
	float: right;
	width: 320px;
}

.info_list {
	padding: 15px 10px;
	height: 180px;
}

.info_list li {
	float: left;
	padding: 0 2% 3%;
	width: 46%;
}

.info_list li a {
	background-color: #EFEFEF;
	border: 1px solid #FAFAFA;

	display: block;
	font-size: 14px;
	height: 27px;
	line-height: 27px;
	padding-left: 20px;
}

.info_list li a:hover {
	color: #0b98df;
	text-decoration: none;
}

.online {
	padding: 15px;
	height: 180px;
	overflow: hidden;
}

.online .com_ul {
	background: url(line01.png) repeat-y right top;
	float: left;
	width: 300px;
	height: 180px;
	overflow: hidden;
}

.sideMenu {
	float: right;
	width: 640px;
}

.sideMenu h3 {
	background: url(iocn01_out.gif) no-repeat left center;
	font-size: 14px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	cursor:pointer;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sideMenu h3.on {
	background: url(icon01_over.gif) no-repeat left center;
	font-weight: bold;
}

.sideMenu .sub {
	border-bottom: 2px dotted #CBCBCB;
	color: #0b98df;
	display:none; /* 默认都隐藏 */
	margin-bottom: 5px;
	padding: 5px 10px;
}

.sideMenu .sub a {
	color: #0b98df
}

.mailbox .l_mail {
	background: url(line01.png) repeat-y right top;
	float: left;
	width: 130px;
	height: 180px;
	padding-right: 20px;
	overflow: hidden;
}

.mailbox .l_mail .com_ul li {
	padding: 5px 0 15px;
}

.mailbox .r_mail {
	float: right;
	width: 790px;
}

.survey {
	background: url(line01.png) repeat-y center top;
}

.survey .com_list {
	width: 48%;
}

.survey .com_list li {
	height: 36px;
	line-height: 36px;
}

.survey .com_list b {
	margin-right: 5px;
}

.survey .com_list li a {
	color: #0b98df;
	display: inline;
}

.change {
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 14px;
}

.change:hover {
	text-decoration: none;
}

.tabBox {
	display: none;
}

	@media all and (min-width: 0px) and (max-width: 720px) {
		#main .activeBox {
			height: auto;
			width: 100%;
		}
		
		#main .activeBox .activePhoto {
			display: none;
		}
		/* 焦点图 */
		.spBanner {
			display: block;
			margin-bottom: 15px;
			position: relative;
			overflow: hidden;
			max-width: 720px;/* 设置焦点图最大宽度 */
		}
		.spBanner .hd {
			position: absolute;
			height: 28px;
			line-height: 28px;
			bottom: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			text-align: center;
		}
		.spBanner .hd li {
			display: inline-block;
			width: 10px;
			height: 10px;
			background: url(../img/icon01_out.png) no-repeat center center;
			background-size: 10px 10px;
			text-indent: -9999px;
			overflow: hidden;
			margin: 0 6px;
		}
		.spBanner .hd li.on {
			background: url(../img/icon01_over.png) no-repeat center center;
			background-size: 10px 10px;
		}
		.spBanner .bd {
			position: relative;
			z-index: 0;
		}
		.spBanner .bd li {
			position: relative;
			text-align: center;
		}
		.spBanner .bd li img {
			background: url(../img/loading.gif) center center no-repeat;
			vertical-align: top;
			width: 100%;/* 图片宽度100%，达到自适应效果 */
		}
		.spBanner .bd li a {
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}  /* 去掉链接触摸高亮 */
		.spBanner .bd li .tit {
			display: block;
			width: 100%;
			position: absolute;
			bottom: 0;
			text-indent: 10px;
			height: 28px;
			line-height: 28px;
			background: url(com_bg.png) repeat left top;
			color: #fff;
			text-align: left;
		}
		.spBanner .bd li .tit span {
			background: url(../img/ind_news_bg.png) no-repeat 10px center;
			background-size: 15px 14px;
			display: block;
			padding: 0 10px 0 20px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		#main .activeBox .activeText {
			float: none;
			height: auto;
			width: auto;
			padding: 0;
		}
	
		#main .activeBox .activeText .sub_title {
			font-size: 16px;
		}
		
		#main .info_box .policy {
			float: none;
			margin-bottom: 15px;
			width: auto;
		}
		
		.info_box .info {
			float: none;
			width: auto;
		}
		
		.online {
			height: auto;
		}
		
		.online .com_ul {
			background: url(line02.png) repeat-x left bottom;
			float: none;
			width: auto;
			height: auto;
			margin-bottom: 15px;
		}
		
		.sideMenu {
			float: none;
			width: auto;
		}

		.mailbox .l_mail {
			background: url(line02.png) repeat-x left bottom;
			float: none;
			width: auto;
			height: auto;
			margin-bottom: 15px;
			padding-right: 0;
		}
		
		.mailbox .r_mail {
			float: none;
			width: auto;
		}
		
		.tabBox .bd {
			clear: both;
			padding: 15px;
		}
		
		.switchTab {
			display: none;
		}
		
		.tabBox {
			display: block;
		}
		
		.tabBox .sub_con {
			width: auto;
			padding: 10px;
		}
		
		.survey {
			float: none;
			width: auto;
		}
		
	}