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

h1, h2, h3, h4, p{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4{
	font-weight: normal;
}

dl, dt, dd{
	margin: 0;
	padding: 0;
}

hr{
	border: 0;
	height: 1px;
	background-color: #ddd;
}

#index >a, >a:visited{
	color: #fff;
	background: #F90;
	background-image: none;
}

#container {
	width: 960px;
	height: auto;
	min-height: 360px;
	margin: 30px auto;
}

#container .sidebar {
	font-family: 微软雅黑,黑体;
	width: 220px;
	float: left;
}

#container .sidebar .sideblock{
	text-indent: 30px;
	background-color: #FFF;
	border: 1px #ccc solid;
	border-top: 3px #F60 solid;
}

#container .sidebar .sideblock h2{
	font-size: 16px;
	letter-spacing: 2px;
	height: 45px;
	line-height: 45px;
	color: #333;
}

#container .sidebar .sideblock h3{
	font-size: 13px;
	letter-spacing: 1px;
	height: 40px;
	line-height: 40px;
	color: #7d7d7d;
}

#container .sidebar .sideblock h4{
	font-size: 11pt;
	letter-spacing: 1px;
	height: 40px;
	line-height: 40px;
	color: #7d7d7d;
	text-indent: 40px;
}

#container .sidebar .sideblock .current{
	font-weight: bold;
	background: #eee url(../images/block.png) no-repeat left;
	color: #F60;
}

#container .sidebar .sideblock .hightline{
	color: #F60;
}

#container .sidebar .sideblock >h3 >a:link, #container .sidebar .sideblock >h3 >a:visited{
	color: #7d7d7d;
	display: block;
}

#container .sidebar .sideblock >h3 >a:hover, #container .sidebar .sideblock >h3 >a:active{
	color: #F60;
	background: #eee;

}


#container .content {
	font-family: 微软雅黑,黑体;
	width: 700px;
	background-color: #fff;
	float: right;
	font-size: 13px;
	padding-bottom: 30px;	
}

#container .content >h1{
	display: block;
	width: 690px;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #333;
	border-bottom: 1px #f60 solid;
}

#container .content p{
	text-indent: 2em;
	line-height: 1.75;
	font-size: 13px;
	white-space: pre-line;
	padding: 0 0 10px 0;
}

/*aboutus*/
#aboutus {
	margin: 20px 0 30px 0;
}


/*brands*/
#container .content .brand-logos span{
	float: left;
	width: 91px;
	height: 59px;
	margin: 22px 22px 0 0;
	background: url(../images/brand_shadow.png) no-repeat bottom center;
}

#container .content .brand-logos span >img{
	border: 1px solid #c5c5c5;
}

/*milestone*/
#milestone{
	width: 654px;
	margin: 30px auto;
}

#milestone .left-l{
	font-family: 微软雅黑,黑体;
	font-size: 13px;
	color: #fff;
	width: 280px;
	height: 43px;
	display: table;
	float: left;
	text-align: right;
	background-image: url(../images/ms-left-b.png);
}
#milestone .left-l >div{
	display: table-cell;
	vertical-align: middle;
}

#milestone .left-c{
	font-family: 微软雅黑,黑体;
	font-size: 14px;
	font-weight: bold;	
	width: 94px;
	height: 43px;
	text-indent: 15px;
	line-height: 43px;
	float: left;
	background-image: url(../images/ms-left-a.png);
}

#milestone .left-r{
	width: 280px;
	height: 43px;
	float: left;
}

#milestone .right-l{
	width: 280px;
	height: 43px;
	float: right;
}

#milestone .right-c{
	font-family: 微软雅黑,黑体;
	font-size: 14px;
	font-weight: bold;
	width: 94px;
	height: 43px;
	line-height: 43px;
	text-indent: 15px;
	float: right;
	background-image: url(../images/ms-right-a.png);
}

#milestone .right-r{
	font-family: 微软雅黑,黑体;
	font-size: 13px;
	color: #fff;
	display: table;
	width: 280px;
	height: 43px;
	float: right;
	background-image: url(../images/ms-right-b.png);
}

#milestone .right-r >div{
	display: table-cell;
	vertical-align: middle;
}

#milestone .milestone-link{
	width: 654px;
	height: 37px;
	background: url(../images/ms-center.png);
	float: left;
}

#milestone .milestone-bottom{
	width: 654px;
	height: 33px;
	background: url(../images/ms-bottom.png);
	float: left;
}


/*leadership*/
#leadership h2{
	font-size: 12pt;
	color: #F60;
	font-weight: bold;
	margin: 15px 0 15px 0;
}

#leadership >dl{
	font-family: 微软雅黑, 黑体;
	float: left;
	width: 175px;
	margin: 0 0 15px 0;
}

#leadership >dl >dt{
	font-family: 黑体;	
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

#leadership >dl >dd{
	font-family: 黑体;	
	color: #666;
	font-size: 15px;
	/*font-weight: bold;*/
}

#leadership >figure{
	margin: 2px;
	padding: 0;
	width: 225px;
	height: 225px;
	display: inline-block;
	position: relative;
}

#leadership >figure .title{
	width: 225px;
	height: 58px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	display: table;
}
#leadership >figure .title >div{
	font-size: 16px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 15px;
}

#leadership >figure .title strong{
	color: #f60;
}

#leadership >div {
    white-space: pre-line;
	font-family: 黑体;	
	color: #666;
	font-size: 15px;
	/*font-weight: bold;*/
}

#leadership >div strong{
	font-family: 黑体;	
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

/*question*/
#question .text{
	display: none;
	margin: 0px 0px 12px 12px;
}

#question h2{
	font-size: 16px;
	font-weight: bold;
	color: #f60;
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
	cursor: pointer;
}

#question >.titleS{
	background: url(../images/question_open.png) no-repeat left center;
}

#question >.titleH{
	background: url(../images/question_close.png) no-repeat left center;
}

#question h3{
	font-size: 15px;
	font-weight: bold;	
	color: #204a9e;
	padding: 5px 0 5px 0;
	cursor: pointer;
}

#question >div{
    width:690px;
	padding-top: 20px;
	/*padding-left: 30px;*/
}

#question >div >div{
	font-size: 13px;
	/*letter-spacing: 1px;*/
	padding:8px 1em 8px 1em;
}

#question >div a, #question >div a:visited{
	color: #204a9e;
	font-weight: bold;
}

#question >div a:hover{
	color: #f60;
}

#question .tab_menu{
    clear:both;
}

#question li{
    float:left;
    font-size: 16px;
	font-weight: bold;
	color: #999;
    list-style:none;  
    /*background:#F1F1F1; */
    border-right:1px solid #898989;
    /*margin-right:4px; */
    cursor:pointer; 
    padding:0px 20px 0px 20px;
}
#question .tab_menu li.hover{
	color: #f90;
    background:#ddd;
}
#question .tab_menu li.selected{
    color:#F60; 
}
#question .tab_box{
    clear:both; 
   /* border:1px solid #898989;  */
}

#question .tab_box >div{
    min-height:200px; 
    border:1px solid #898989; 
}
#question .hide{
    display:none;
}

/*location*/
#location >h2{
	font-size: 15px;
	font-weight: bold;
	color: #f60;	
	height: 50px;
	line-height: 50px;
	text-indent: 30px;	
	cursor: pointer;
}

#location .text{
	display: none;
	padding-left: 30px;
}

#location >div{
	/*font-size: 10pt;*/
	white-space: pre-line;
	padding-bottom: 20px;
}

#location >div >strong{
	color: #f60;
}

#location >.titleS{
	background: url(../images/question_open.png) no-repeat left center;
}

#location >.titleH{
	background: url(../images/question_close.png) no-repeat left center;
}

/*mediacontact*/

#mediacontact >div{
	width: 690px;
	font-size: 13px;
	white-space: pre-line;
	padding-top: 25px;
	overflow: hidden;
}

/*#mediacontact >table{
	font-size: 11pt;
	padding: 20px;
	color: #666;

}

#mediacontact >table tr{
	height: 35px;
	line-height: 35px;
}

#mediacontact .title{
	font-weight: bold;
	text-align: right;
}

#mediacontact >table input{
	width: 350px;
	height: 1.5em;
}

#mediacontact >table textarea{
	width: 349px;
	height: 120px;
}

#mediacontact #id-code{
	width:100px;
}

#mediacontact img{
	padding-left: 30px;
	vertical-align: middle;
}

#mediacontact #submit{
	width: 150px;
	height: 30px;
	border: 0;
	color: #fff;
	background-color: #f60;
}*/


/*customercontact*/
#customercontact >div{
	width: 690px;
	font-size: 10pt;
	white-space: pre-line;
	padding-top: 25px;
	overflow: hidden;
}


#customercontact >div strong{
	color: #f60;
	height: 30px;
	line-height: 30px;
}

#customercontact .qr-code{
	width: 150px;
	float: left;
	padding-top: 10px;
}

#customercontact .qr-code img{
	padding-top: 5px;
}

#customercontact >div >ul{
	white-space: normal;
	width: auto;
}

#customercontact >div >ul >li{
	width: 170px;
	height: 60px;
	float: left;
}

/*cultrue*/
#cultrue >div{
	font-size: 10pt;
	padding: 15px 0 15px 0;
	white-space: pre-line;
}

#cultrue >div >strong{
	color: #F60;
	height: 40px;
	line-height: 40px;
}

/*staff*/
#staff >div{
	width: 690px;
	margin-top: 30px;
}

#staff >div >img{
	border: 1px #666 solid;
	vertical-align: middle;
	margin-right: 10px;
	float: left;
}

#staff >div >div{
	height: 168px;
	font-size: 13px;
}

#staff >div >div >h2{
	font-size: 15px;
	font-weight: bold;
}

#staff >div >div >p{
	font-weight: bold;
	text-align: right;
}

#staff .more, .more:visited{
	color: #204a9e;
}

/*staffpage*/
#staffpage >div{
	width: 650px;
	margin-top: 20px;
	border: 1px #ddd solid;
	text-align: center;
	padding: 20px;
}

#staffpage >div .title{
	color: #999; 
	font-weight: normal;
}

#staffpage >div .title >h2{
	height: 40px;
	line-height: 40px;
	font-size: 13pt;
	color: #000;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
	margin-bottom: 10px;
}

#staffpage >div .text{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left !important;
}
/*img自动调整到宽度600以下，高度700以下*/
#staffpage >div .text img{
	padding: 0 0 20px 0;
	max-width:600px; //firefox
    max-height:700px;
    scale:expression((this.offsetWidth / this.offsetHeight > 600/700)?(this.style.width = this.offsetWidth >= 600 ? "600px" : "auto"):(this.style.height = this.offsetHeight >= 700 ? "700px" : "auto")); //ie
    display:inline !important;
}

/*#staffpage >div .text span{
	text-align: left;
	padding: 0 0 20px 0;
}*/

/*hrpolicy*/
#hrpolicy{
	width: 690px;
	margin-top: 30px;
}

#hrpolicy >div{
	line-height: 1.7;
	/*white-space: pre-line;*/
}

/*jobs*/
#jobs{
	font-size: 11pt;
	margin: 10px 0 10px 0;
}

#jobs >div{
	width: 690px;
}

#jobs .table span:nth-of-type(1){
	display: inline-block;
	width: 200px;
	text-align: center;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;	
}

#jobs .table span:nth-of-type(2){
	display: inline-block;	
	width: 250px;
	text-align: center;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;		
}

#jobs .table span:nth-of-type(3){
	display: inline-block;
	width: 120px;
	text-align: center;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;		
}

#jobs .table span:nth-of-type(4){
	display: inline-block;	
	width: 120px;
	text-align: center;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;		
}

/*jobpage*/
#jobpage >div{
	width: 690px;
	padding-top: 5px;
	font-size:13px;
	/*white-space: pre-line;*/
	line-height: 1.5em;
}

#jobpage >div p{
    text-indent: 0 !important;
    white-space: normal !important;
}

#jobpage >div >h2{
	color: #f60;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#jobpage >div >h3{
	font-size:15px;	
	padding: 5px 0 5px 0;

}

#jobpage >div >a{
	display: inline-block;
	float: right;
	width: 100px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background-color: #F60;
	color: white;
}

#jobpage >div >a:hover{
	font-size: 14px;
	font-weight: bold;
}

/*annoucement*/
#annoucement {
	font-size: 11pt;
	margin: 10px 0 10px 0;
}

#annoucement >div{
	width: 690px;
}

#annoucement .table div:first-child{
    border-top: 1px solid #ddd;
}

#annoucement span:first-child{
	display: inline-block;
	width: 500px;
	text-align: left;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;	
}

#annoucement span:last-child{
	display: inline-block;	
	width: 190px;
	text-align: right;
	overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;	
}

/*report*/
#report {
	font-size: 11pt;
	margin: 10px 0 10px 0;
}

#report >div{
	width: 690px;
}

#report >div >div{
	height: 36px;
	line-height: 36px;
}

#report .table >div:first-child{
	color: #FFF;
	height: 40px;
	line-height: 40px;
	background-color: #666;
	border-bottom:0px;
}

#report .table >div:nth-child(2){
    border-top:1px solid #ddd;
}

#report span:first-child{
	display: inline-block;
	width: 630px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	vertical-align: middle;
}

#report span:last-child{
	display: inline-block;	
	width: 60px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	vertical-align: middle;
}

/*newsmedia*/
#newsmedia {
	font-size: 11pt;
	margin: 10px 0 10px 0;
}

#newsmedia >div{
	width: 690px;
}

#newsmedia >div >div{
	height: 36px;
	line-height: 36px;
}

#newsmedia .table >div:first-child{
	color: #FFF;
	height: 40px;
	line-height: 40px;
	background-color: #666;
	border-bottom:0px;
}

#newsmedia .table >div:nth-child(2){
    border-top:1px solid #ddd;
}

#newsmedia span:first-child{
	display: inline-block;
	width: 610px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	vertical-align: middle;
}

#newsmedia span:last-child{
	display: inline-block;	
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: right;
	vertical-align: middle;
}

/*newspage*/
#newspage >div{
	width: 650px;
	margin-top: 20px;
	border: 1px #ddd solid;
	text-align: center;
	padding: 20px;
}

#newspage >div .title{
	color: #999; 
	font-weight: normal;
}

#newspage >div .title >h2{
	height: 40px;
	line-height: 40px;
	font-size: 13pt;
	color: #000;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
	margin-bottom: 10px;
}

#newspage >div .text{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left !important;
}

#newspage .text >p{
	white-space: normal !important; 
}
/*img自动调整到宽度600以下，高度450以下*/
#newspage >div .text img{
	padding: 10px 0 10px 0;
	max-width:600px; //firefox
    max-height:450px;
    scale:expression((this.offsetWidth / this.offsetHeight > 600/450)?(this.style.width = this.offsetWidth >= 600 ? "600px" : "auto"):(this.style.height = this.offsetHeight >= 450 ? "450px" : "auto")); //ie
    display:inline !important;
}

/*#newspage >div .text span{
	text-align: left;
	padding: 0 0 20px 0;
}*/

/*stockinfo*/
#stockinfo {
    position: relative;
    z-index: 0;
}

#stockinfo >span {
    top: 16px;
    left: 550px;
    width: 13px; 
    word-wrap: break-word;
    font-size: 13px;
    position: absolute;
    border: 3px solid #999;
}
#stockinfo >span >a{
    color: White;
    background-color: #999;
    /*letter-spacing: 20px; */
}

#stockinfo >span >a:hover{
    color: #f60;
    /*letter-spacing: 20px; */
}