/*****  index  *****/
.span7{
	width:670px;
}
.span5{
	width:270px;
	margin-right:20px;
	float:right;
}
#index_container{
	margin-bottom:120px;
}
#index_company{
	overflow:hidden;
	width:100%;
}
#index_msg{
	display:none;
}
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
  background-color : #EEE;
  height : {small_height}px;
  text-align : center;

  /* Firefox, Chrome */
  line-height : {small_height}px;

  /* IE */
  *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    background : #666; padding : 5px;
}
#idxprocarousel .caption a {
    color : #fff;
}

/* mainbanner */
#mainbanner{width:980px;height:350px;overflow:hidden;}
#mainbanner .box{width:980px; height:350px; margin:0px; overflow:hidden; position:relative;}
#mainbanner .box img{width:980px;height:350px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}

#mainbanner .page{
	height:22px;
	position: relative;
	bottom:30px;
	right:8px;
	text-align:right;
	}
#mainbanner .page a{
	display:inline-block;
	width:22px;height:22px;
	background:url(../images/num_grey.png) no-repeat 0px 0px;
	margin:0px 10px 0 0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:23px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#mainbanner  .page a.active{
	background:url(../images/num.png) no-repeat 0px 0px;
	color:#481139;
}
/* sed-nav */
.sed-nav{
	clear:both;
	display:inline-block;
}
.sed-nav ul{
	list-style:none;
	margin:0px; padding:0px;
}
.sed-nav li{
	text-align:center;
	width:181px;
	height:37px;
	float:left;
	line-height:37px;
	margin-right:14px;
}

.sed-nav li a{
	text-align:center;
	width:181px;
	height:37px;
	float:left;
	line-height:37px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.sed-nav li a:hover{
	text-decoration:none;
}
.sed-nav li:nth-child(1) {
	background-image:url(../images/btn-01b.gif);
}
.sed-nav li:hover:nth-child(1) {
	background-image:url(../images/btn-01a.gif);
}
.sed-nav li:nth-child(2) {
	background-image:url(../images/btn-02b.gif);
}
.sed-nav li:hover:nth-child(2) {
	background-image:url(../images/btn-02a.gif);
}
.sed-nav li:nth-child(3) {
	background-image:url(../images/btn-03b.gif);
}
.sed-nav li:hover:nth-child(3) {
	background-image:url(../images/btn-03a.gif);
}
.sed-nav li:nth-child(4) {
	background-image:url(../images/btn-04b.gif);
}
.sed-nav li:hover:nth-child(4) {
	background-image:url(../images/btn-04a.gif);
}
.sed-nav li:nth-child(5) {
	background-image:url(../images/btn-05b.gif);
	margin-right:0px;
}
.sed-nav li:hover:nth-child(5) {
	background-image:url(../images/btn-05a.gif);
}
/*** in-box-01 ***/
.in-box-01{
	border-bottom:1px solid #999;
	font-size:12px;
	margin:46px 10px 34px 0px;
	padding:0 0 36px 24px;
}
.in-box-01 strong{
	font-weight:bold;
	font-size:13px;
	text-transform: uppercase;
}
.in-box-01 p{
	margin:28px 0 0 0;
	line-height:16px;
}
.in-box-01-m{
	border-bottom:1px solid #999;
	font-size:12px;
	margin:46px 80px 34px 0px;
	padding:0 0 36px 24px;
	line-height: 21px;
}
.in-box-01-m p{
	margin:28px 0 0 0;
	line-height:21px;
}
.in-box-01-m strong{
	font-weight:bold;
	font-size:13px;
	text-transform: uppercase;
}
.title01{
	font-weight:bold;
	font-size:13px;
	text-transform: uppercase;
	padding: 15px 0px 0px 0px;
}
/*** s-box ***/
.in-box-02{
	clear:both;
	display:inline-flex;
}

.s-box{
	border:1px solid #ccc;
	padding:10px 12px;
	margin-right:12px;
	float:left;
}
.s-box:hover{
	border:2px solid #e3e3e3;
	text-decoration:none;
	cursor:pointer;
}
.s-box h4{
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	height:30px;
	line-height:15px;
	margin:0 0 12px;
	padding:0px;
}
.s-box:nth-child(2) h4{
	line-height:30px;
}
/** **/

#box_msg h4 , .news-box strong{
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	line-height:15px;
	margin:15px 0;
	padding:0px;
	display:inline-block;
}
#box_msg h4{
	margin:46px 0 0 0;
	font-size:15px;
}
.news-box{
	border-bottom:1px solid #999;
	padding:4px 12px 20px;
}
.news-box:hover{
	cursor:pointer;
	background-color:#f5f5f5;
	text-decoration:none;
}
.news-box a:hover{
	text-decoration:none;
}
.news-box .news-box-pic{
	clear:both;
	display:block;
}
.news-box span{
	padding:16px 0 0 0;
	display:block;
}
.news-box span:hover{
	text-decoration:none;
}
#box_msg .more-news{
    margin-bottom: 0;
	margin-top:20px;
    padding: 0 0 0 12px;
	clear:both;
	text-align:right;
}
#box_msg .more-news a{
	color: #666;
	font-size: 11px;
	-webkit-text-size-adjust:none;
}
#box_msg .more-news a::before{
	background:url(../images/arrow002.png) no-repeat 0px 0px;
	content:" ";
	width:8px;
	height:8px;
	display: inline-block;
	padding: 0 2px;
}
@media (max-width: 989px){
	#mainbanner{
		width:100%;
		height:auto;
	}
	#mainbanner .box{
		width:100%;
		height: auto;
		max-height: 350px;
    	min-height: 120px;
		display:block;
	}
	#mainbanner .box img{
		width:100%;
		height:auto;
	}
	#mainbanner .page{
		display: none;
	}
	.sed-nav{
	width:100%;
	}
	.sed-nav li , .sed-nav li a{
		float:none;
		width:100%;
	}
	.span7 , .span5{
		width:100%;
		float:none;
	}
	.in-box-02{
		display:inline-block;
		width:100%;
	}
	.s-box{
		text-align: center;
    	width: 90%;
		float:none;
		margin: 0 auto 22px;
		padding:10px 0;
	}
	
}
@media screen and (min-width: 480px) and (max-width: 989px){
	.news-box strong{
		display:block;
	 }
	.news-box .news-box-pic{
		float:right;
	}
	.news-box span{
		padding:0px;
	}
}
/***   banner size  ***/
@media screen and (min-width: 740px) and (max-width: 989px){
	#mainbanner .box{
		height: 300px;
	}
}
@media screen and (min-width: 560px) and (max-width: 739px){
	#mainbanner .box{
		height: 210px;
	}
}

@media screen and (min-width: 480px) and (max-width: 559px){
	#mainbanner .box{
		height: 180px;
	}
}
@media screen and (min-width: 280px) and (max-width: 479px){
	#mainbanner .box{
		height: 120px;
	}
}