@charset "utf-8";
@import "init.css";




/*footer 內容 END------------------------------------*/

/*header*/
.topfix{
	height: 0px;
}
.header{
	position: relative;
	height: 100px;
	width: auto;
	margin-top: 20px;
	background-image: url(../images/table-bg01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.footer-bg{
	height: 102px;
	width: 929px;
	background-image: url(../images/table-bg03.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 230px;
}

.copyinfo{
	color: #FFF;
	line-height: 50px;
}

a.header-logo{
	height: 68px;
	width: 304px;
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 10px;
	margin-left: 25px;
	display: block;
}

.header-menu {
	position: absolute;
	right: 10px;
	bottom: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	height: 24px;
	width: 660px;
	display: block;
}
.header-menu ul {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 24px;
	width: auto;
	margin: 0px;
	padding: 0px;
	display: block;
	list-style:none;

}
.header-menu ul li {
	float: left;
	height: 24px;
	width: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.header-menu ul li a{
	position: relative;
	display: block;
	font-size: 15px;
	color: #030303;
	margin-left: 3px;
	margin-right: 3px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 22px;
}
.header-menu ul li a:hover,.header-menu ul li a.nowpage{
	background-color: #E8E8E8;
	color: red;
}

.board-line{
	
	overflow: hidden;
	background-image: url(../images/table-bg02.png);
	background-repeat: repeat-y;
}
.home-banner img{
	position: relative;
	display: block;
	margin-left: 11px;
}
.home-content{
	position: relative;
	min-height: 350px;
	padding-top: 20px;
	padding-left: 230px;
	padding-right: 60px;
	line-height: 25px;
}
.home-left-point{
	position: absolute;
	top: 2px;
	left: 12px;
	width: 181px;
	height: 391px;
}

.home-u2-title{
	width: 212px;
	height: 25px;
	background-image: url(../images/u2-bg.png);
	background-repeat: no-repeat;
	background-position: left center;	
	line-height: 25px;
	color: #FFF;
	font-size: 15px;
	padding-left: 10px;
	margin-top: 10px;
}

.news-bar{
	position: relative;
	float: left;
	width: 550px;
	height:20px;
}

.scrollNews{
  position: relative;
  width:100%;
  height:20px;
  overflow:hidden;
  border:0px solid #aaaaaa;
}
.scrollNews ul{
  width:100%;
  list-style:none;
  padding: 0;
  margin: 0;
}
.scrollNews ul li{
  width:100%;
  height:20px;
  list-style-type:none;
  font-size:14px;
  color: #1a1a1a;
}
.scrollNews ul li a{
	color: #1a1a1a;
	line-height: 20px;
}
.scrollNews ul li a:hover{
	text-decoration: underline;
}
.news-date{
  font-size:12px;
  color: #ccc;
  line-height: 20px;
}
/* xs-menu */

a.xs-menu-open{
	height: 58px;
	width: 35px;
	position: absolute;
	text-indent: -9999;
	background-image: url(../images/logo-map.png);
	background-repeat: no-repeat;
	background-position: -6px -177px;
	display: block;
	left: 15px;
	top: 10px;
}

a.xs-menu-close{
	height: 58px;
	width: 35px;
	position: absolute;
	text-indent: -9999;
	background-image: url(../images/logo-map.png);
	background-repeat: no-repeat;
	background-position: -54px -177px;
	display: none;
	left: 15px;
	top: 10px;
}



/*m menu*/

@media (max-width: 991px) {
   body{
    background-color: #FFF;
   }
	.container {
	  width: auto;
	  max-width: auto;
	  min-width: 100%;
	}
	.topfix{
		height: 70px;
	}
	.header{
		height: 70px;
		width: 100%;
		background-color: #FFF;
		-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
		-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
		box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
		position: fixed;
		background-image: url(../images/xs-header-bg.png);
		background-repeat: repeat-x;
		margin-top:0px; 
		left: 0px;
		top: 0px;
		/*overflow: hidden;*/
		z-index: 9999;
	}
	.footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: 50px;
	  clear:both;
	}
	.copyinfo{
		color: #FFF;
		line-height: 50px;
		background-color: #5B4F22;
	}

	a.header-logo{
		height: 44px;
		width: 212px;
		position: relative;
		text-indent: -9999px;
		background-image: url(../images/logo-x.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-top: 8px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	.header-menu {
		position: fixed;
		min-width: 100%;
		width: 100%;
		height:auto;
		text-align: left;
		background-color: #FFF;
		left: 0px;
		top: 71px;
		right: auto;
		bottom: auto;
		overflow-x:hidden;
		overflow-y:auto;
		z-index: 7777;
		display: none;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-top-style: none;
		border-bottom-style: none;
		border-top-color: none;
		border-bottom-color: none;
	}
	.header-menu ul {
		position: relative;
		left: 0px;
		top: 0px;
		height: auto;
		min-width: 100%;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 0px;
		display: block;
		background-color:#f8f8f8; 
	}
	.header-menu ul li {
		float: none;
		height: 45px;
		width: 100%;
		position: relative;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #eaeaea;
	}
	.header-menu ul li a{
		position: relative;
		display: block;
		width: 100%;
		font-size: 16px;
		color: #86763A;
		font-weight: bold;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 45px;
	}
	.header-menu ul li a:hover,.header-menu ul li a.nowpage{
		background-color: #e7e7e7;
		color: #86763A;
	}
	.header-menu ul:after
	{ 
	content:" ";
	display: block;
	clear: both;
	}

	.board-line{
		background-image: none;
		background-repeat: none;
	}
	.home-banner img{
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
	}
	.home-left-point{
		display: none;
	}
	.home-content{
		position: relative;
		min-height: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 70px;
	}

	.news-bar{
		position: relative;
		float: none;
		width: 100%;
		height:auto;
		min-height: 30px;
	}

	.xs-News{
	  position: relative;
	  width:100%;
	  height:auto;
	  min-height: 30px;
	  overflow:hidden;
	}
	.xs-News ul{
	  width:100%;
	  list-style:none;
	  padding: 0;
	  margin: 0;
	}
	.xs-News ul li{
	  width:100%;
	  height:auto;
	  min-height: 30px;
	  list-style-type:none;
	  font-size:14px;
	  color: #1a1a1a;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #E1E1E1;
	}
	.xs-News ul li a{
		color: #1a1a1a;
		line-height: 30px;
	}
	.xs-News ul li a:hover{
		text-decoration: underline;
	}
}


@media (max-width: 767px) {

}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }