@charset "UTF-8";

#main {	width: 960px; }
#content{ width: 630px; }
#snav{ width: 310px; }

/* ------wideslider----- */
.wideslider {
	width: 100%;
	height: 420px;
	text-align: left;
	position: relative;
	overflow: hidden;
	/*margin-bottom: 55px;*/
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {  background: url(../images/prev.png) no-repeat right center #FFF; opacity: 1!important}
.slider_next {background: url(../images/next.png) no-repeat left center #FFF; opacity: 1!important}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/* ------concept----- */
#concept{
	background: url(../images/bg_concept.gif) no-repeat center center;
	border-bottom: 1px solid #ededed;
}
#concept .box{
	padding: 55px 0;
	background: url(../images/img_concept.png) no-repeat right bottom;
}
#concept p{
	font-size: 12px;
	margin: 25px 0;
}

/* ------main_wrap----- */
#main_wrap{
	background: url(../images/bg_mainwrap.gif);
	padding: 40px 0 0 0;
}

/* ------snav----- */
#snav .snav_box li{
	margin-bottom: 20px;
}

/* ------about----- */
#about{
	margin-bottom: 20px;
	display: block;
}
#about span{ display: block; }
#about .img{ width: 198px;}
#about .msg{ width: 365px;}

#about .title_about{ margin-left: 10px; }
#about .about_box{
	position: relative;
	margin-top: 19px;
}
#about .about_box img{
	position: absolute;
	left: -30px;
	top: 10px;
	z-index: 1;
}
#about .about_box .arrow{
	float: right;
	display: block;
	width: 305px;
	text-decoration: none;
	background: url(../images/arrow01.gif) no-repeat right center;
	padding-right: 10px;
}
/*#about .about_box a:hover{ background-color: #F9F9F9;}*/
#about .about_box .arrow .txt{
	font-size: 12px;
	border: 1px solid #e7e7e7;
	display: inline-block;
	padding: 10px 20px;
	color: #333;
	min-height: 60px;
}


/* ------news----- */
.bg_box{
	border-bottom: 1px solid #b7b7b7;
}
.bg_box .news_header{
	padding: 15px 20px 22px;
	background: url(../images/bg_box_top.png) no-repeat top;
}
.bg_box #tab_news{
	padding: 0 20px 20px;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
}
#news {
	position:relative;
	margin-bottom:20px;
}
#news .btn_news {
	position:absolute;
	top:17px;
	right:20px;
}
#news h3{ /*margin-bottom: 22px;*/ }
#news .news_menu {
	overflow: hidden;
}
#news .news_menu li{
	float:left;
}
#news .news_menu a{
	color:#383838;
	font-size:14px;
	text-decoration:none;
	display:block;
	padding: 10px 38px;
	background-color: #FFF;
}
#news .news_menu a:hover,
#news .news_menu .ui-tabs-active a{
	color: #fff;
	background-color: #ffa700;
}
#news .tab_box{
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	margin-bottom: 0px;
}
#news .tab_box ul{
	padding: 10px 10px  20px 10px;
	height: 392px;
	overflow: hidden;
}
#news .tab_box ul li{
	padding: 10px 5px;
	overflow: hidden;
	border-bottom: 1px dashed #7d7d7d;
}
#news .tab_box ul li span{
	font-size: 12px;
	float:left;
	padding: 0px 5px;
	background-color: #6d6d6d;
	color: #fff;
}
#news .tab_box ul li a{
	font-size: 12px;
	float:right;
	width: 430px;
	color: #242424;
	text-decoration: none;
}
#news .tab_box ul li a:hover{ color: #BE0000; }
#news .tab_box .ui-tabs-hide{
	display:none;
}



/* ===============================================================================================================
_01. slide
 */
#slide_box {width: 100%; height:100%; overflow: hidden; padding-top: 10px; padding-bottom: 30px; }
.slide_all {width: 1210px; margin: 0 auto; height: 480px; position: relative;}
.slide_wrap {width: 3630px; position: absolute; left: 50%; margin-left:-1810px;}
.slide_body {width: 100%;}
.slide {width: 1210px; height: 480px; background-size: 1210px 480px; }

/* 装飾 */
.bx-controls {position: absolute; bottom: -33px; z-index: 100;width: 100%;}
.bx-controls-direction,.bx-pager {text-align: center; }
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager {}
.bx-pager-item a{ display: block; width: 48px; height: 8px; text-indent: -9999px; background: #111; margin:0 5px; }
.bx-pager-item a.active {opacity: 0.6;}
.bx-controls-direction a { position: absolute; width: 39px; height: 39px; text-indent: -9999px; }
.bx-controls-direction { position: relative; width: 1210px; margin: 0 auto;}
.bx-wrapper .bx-prev {
	left: -25px;
	bottom: 252px;
	background: url(../images/prev.jpg) no-repeat 0 0;
}
.bx-wrapper .bx-next {
	right: -15px;
	bottom: 252px;
	background: url(../images/next.jpg) no-repeat 0 0;
}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
}
#bgimg_prev {
	width: 1200px;
	height: 480px;
	position: absolute;
	top: 0;
	left: -1205px;
	z-index: 100;
}
#bgimg_next {
	width: 1200px;
	height: 480px;
	position: absolute;
	top: 0;
	right: -1205px;
	z-index: 100;
}
#bgimg_prev > div,#bgimg_next > div {
	width: 100%;
	height: 100%;
	background: url(../images/bg_dot.png) left top repeat;
}