@charset "utf-8";
/* CSS Document */
/*----------公共样式开始--------------*/
* {
	margin: 0px;
	padding: 0px;
	border:none;
}
.clear{
	clear:both;
}
img {border-style: none;}
a{text-decoration:none;}
ul{list-style:none;}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
.indent1em{text-indent:1em;}
.color1{color:#e61e89}
.color2{color:#f78100}
.color3{color:#00662c}
.color4{color:#37729a}
.color5{color:#8c006d}
.f_l{float:left;}
.f_r{float:right;}
.thick{font-weight:bold;}
.warp{width:907px;margin-left:auto;margin-right:auto;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	color: #4b575f;
}


/*----------公共样式结束--------------*/
/*----------主页样式开始--------------*/
#header 
{
	height: 82px;
}
#header #logo {
	float: left;
}
#header #logo img {
	float: left;
}

#banner {
	position: relative;
	width: 907px;
	margin-right: auto;
	margin-left: auto;

}
#banner .localtion {
	position: relative;
}

#banner .warp #flash {

}

#banner ul{ margin:0; padding:0; list-style:none; width:105px; font-size:12px;left: 800px;top: 130px; position:absolute; background-color:#FFFFFF; border-top:1px solid #eff0eb;border-bottom:2px solid #e7e7e9;border-left:2px solid #e7e7e9;}
#banner ul li a{display:block;text-align: center;
	line-height: 26px;
	font-family: "宋体","黑体";
	font-weight: bold;
	color: #B8BCBE;}
#banner ul li a:hover{background-color:#f4f2ef;}
/*解决ul在IE下显示不正确的*/
* html #banner ul li{ float:left; height:1%;}
* html #banner ul li a {height:1%;display:block;}
* html #banner ul li a:hover{background-color:#f4f2ef;}
/* end */
#banner li:hover ul,#banner li.over ul { display:block;}


#footer {
	height:44px;
	color:#aaacad;
}
#footer .copyright {
	float: right;
	margin-top: 12px;
}
#footer .register {
	float:right;
	margin-top: 12px;
}
#footer a{
	color:#aaacad;
}
#footer .nav {
	float: right;
	margin-top: 12px;
	width: 250px;
}
#footer .nav li {
	float: left;
}

#footer .nav a {
	color: #aaacad;
	margin-right: 5px;
	margin-left: 5px;
}
/*----------主页样式结束--------------*/


/*----------内页样式开始--------------*/
.nav{height: 28px;}

.bg {
height:31px;text-align:center;background:url(../images/img5.jpg) 50% top no-repeat;
}

.nav .detail {
	padding-left: 10px;
	color: #aaacad;
	margin-top:3px;
	line-height:20px;
}
.nav .detail a {
	color: #aaacad;
	margin-right: 10px;
	margin-left: 10px;
}
.warp #content {
	height: 447px;
	width: 890px;
	border-top-width: 33px;
	border-right-width: 9px;
	border-bottom-width: 6px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f6f1f5;
	border-right-color: #f6f1f5;
	border-bottom-color: #f6f1f5;
	border-left-color: #f6f1f5;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-x;
}
.warp #content .localtion {
	height: 20px;
	color: #a0a5a9;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 7px;
	
}
.warp #content .localtion a{color: #a0a5a9;}
.warp #content .side-left {
	height: 447px;
	width: 137px;
	float: left;
	padding-left: 10px;
}
.warp #content .side-left .nav {
	padding-top: 95px;
	line-height: 26px;
}

.warp #content .side-left .nav .list1 a:hover
{
	color: #e1005f;
}
.warp #content .side-left .nav .list2 a:hover
{
	color: #e1005f;
}

.warp #content .side-left .nav .c1 {
	color: #e1005f;
}
.warp #content .side-left .nav .list1 {
color: #b8bcbe;
}
.warp #content .side-left .nav .list1 a {
	color: #b8bcbe;
}

.warp #content .side-left .nav .list2 {
	color: #b8bcbe;
	background-image: url(../images/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.warp #content .side-left .nav .list2 a {
	color: #b8bcbe;
	margin-left: 20px;
}

.warp #content .side-left .nav .selected a
{
color: #e1005f;
font-weight:bold;
}



.warp #content .center {
	float: left;
	height: 447px;
	width: 7px;
	background-color: #f6f1f5;
}

.warp #content .side-right {
	float: left;
	height: 447px;
	width: 726px;
	padding-left: 10px;
}
.warp #content .side-right .localtion {
	height: 20px;
	color: #a0a5a9;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 7px;
}
.warp #content .side-right .localtion a {
	color: #a0a5a9;
}
.warp #content .side-right .box1 {
	float: left;
	width: 386px;
	height: 409px;
	padding-right: 6px;
	padding-bottom: 5px;
	
}
.warp #content .side-right .box1 .introduce img {
	display: block;
}
.warp #content .side-right .box1 .introduce {
	margin-bottom: 10px;
	margin-top: 8px;
}
.warp #content .side-right .box1  h2,h3{color:#ee4ca0;font-family:"宋体","黑体", "华文宋体";}

.warp #content .side-right .box1 .c2 {
	color: #E1005F;
	font-family: "黑体", "华文宋体";
}
.warp #content .side-right .box1 p {
	line-height: 19px;
	margin-bottom: 8px;
}
.warp #content .side-right .box1 .height {
	height: 10px;
	overflow: hidden;
}



.warp #content .side-right .box2 {
	float: right;
	height: 343px;
	width: 314px;
	padding-right: 20px;
	padding-top: 66px;
}
.warp #content .side-right .box2 img {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------------sideleft nav-flavors----------*/
.warp #content .side-left .nav-flavors {
	padding-top:27px;
	line-height:19px;
}

.warp #content .side-left .nav-flavors .list1 a:hover
{
	color: #f78100;
}
.warp #content .side-left .nav-flavors .list2 a:hover
{
	color: #f78100;
}

.warp #content .side-left .nav-flavors .c1 {
	color: #e1005f;
}
.warp #content .side-left .nav-flavors .list1 {
color: #b8bcbe;
}
.warp #content .side-left .nav-flavors .list1 a {
	color: #b8bcbe;
}

.warp #content .side-left .nav-flavors .list2 {
	color: #b8bcbe;
	background-image: url(../images/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.warp #content .side-left .nav-flavors .list2 a {
	color: #b8bcbe;
	margin-left: 20px;
}

.warp #content .side-left .nav-flavors .selected a
{
color: #f78100;
font-weight:bold;
}
/*----------sideleft nav-research-----------*/
.warp #content .side-left .nav-research {
	padding-top:60px;
	line-height:24px;
}

.warp #content .side-left .nav-research .list1 a:hover
{
	color: #00662c;
}
.warp #content .side-left .nav-research .list2 a:hover
{
	color: #00662c;
}

.warp #content .side-left .nav-research .c1 {
	color: #e1005f;
}
.warp #content .side-left .nav-research .list1 {
color: #b8bcbe;
}
.warp #content .side-left .nav-research .list1 a {
	color: #b8bcbe;
}

.warp #content .side-left .nav-research .list2 {
	color: #b8bcbe;
	background-image: url(../images/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.warp #content .side-left .nav-research .list2 a {
	color: #b8bcbe;
	margin-left: 20px;
}

.warp #content .side-left .nav-research .selected a
{
color: #00662c;
font-weight:bold;
}

/*----------sideleft nav-research-----------*/
.warp #content .side-left .nav-company {
	padding-top:50px;
	line-height:22px;
}

.warp #content .side-left .nav-company .list1 a:hover
{
	color: #37729a;
}
.warp #content .side-left .nav-company .list2 a:hover
{
	color: #37729a;
}

.warp #content .side-left .nav-company .c1 {
	color: #e1005f;
}
.warp #content .side-left .nav-company .list1 {
color: #b8bcbe;
}
.warp #content .side-left .nav-company .list1 a {
	color: #b8bcbe;
}

.warp #content .side-left .nav-company .list2 {
	color: #b8bcbe;
	background-image: url(../images/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.warp #content .side-left .nav-company .list2 a {
	color: #b8bcbe;
	margin-left: 20px;
}

.warp #content .side-left .nav-company .selected a
{
color: #00376a;
font-weight:bold;
}.warp #content .side-right .box {
	height: 360px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.warp #content .side-right .box1 .newslist {
	width: 350px;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 25px;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.newshover{background-color:#f6f1f7;cursor:pointer;}
.warp #content .side-right .box1 .newslist .date{color:#4b575f;}
.warp #content .side-right .box1 .newslist .title a{
	color:#4b575f;
	font-weight: bold;
}
.warp #content .side-right .box1 .newslist .overview{color:#4b575f;}
/*---------careers--------------*/
.warp #career {
	height:auto;
	float: left;
	

}
.warp #career .left-box {
	float: left;
	background-color:#f9fafe;
	height:auto;
	width: 596px;
}

.warp #career .box3 {
	width: 33px;
	float: left;
	background:url(../images/box3bg.jpg) repeat-x top left;
	height:480px;
	

}
.warp #career .box4 {
	min-height:447px;
	height:auto !important; 
    height:447px;
    overflow:visible;

	width: 546px;
	float: left;
	border-top:solid #f7f2f6 33px;
	background-color: #FFFFFF;
}
.warp #career .box5 {
	width: 17px;
	float: left;
	background:url(../images/box5bg.jpg) no-repeat top left;
	height:480px;
	

	
}
.warp #career .box6 {
	float: left;
	height: 480px;
	width: 311px;
}
.warp #career .box6 .fastlink {
	height: 131px;
	width: 296px;
	background:url(../images/bg_fastlink.jpg) no-repeat;
	padding-top: 10px;
	padding-left: 15px;
}
.warp #career .box6 .fastlink a {
	margin-right: 40px;
	color: #a0a5a9;
}
.warp #career .box4 .localtion {
	height: 20px;
	color: #a0a5a9;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 3px;
}
.warp #career .box4 .localtion a {
	color: #a0a5a9;
}
.warp #career .left-box .box4 .recruit {
	padding-bottom: 46px;
	background-color: #ebeff2;
	float: left;
	width: 100%;
}
.warp #career .left-box .box4 .text {
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #4b575f;
	min-height:365px;
	height:auto !important;
	height:365px;
	overflow:visible;
}
.warp #career .left-box .box4 .text p{
	line-height:l9px;
	margin-bottom:8px;
}
.warp #career .left-box .box4 .introduce {
	line-height: 22px;
	height: auto;
	color: #4b575f;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;	
}

.warp #career .left-box .box4 .divisions {
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #4b575f;
	min-height:365px;
	height:auto !important;
	height:365px;
	overflow:visible;
}
.warp #career .left-box .box4 .divisions .introduce{line-height: 22px;
	height: auto;
	color: #4b575f;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;}
	.warp #career .left-box .box4 .divisions p{
	line-height:l9px;
	margin-bottom:8px;
}
.warp #career .left-box .box4 .divisions .person {
	width: 526px;
	height: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.warp #career .left-box .box4 .divisions .person li {
	height: 130px;
	width: 85px;
	float: left;
	margin-bottom: 4px;
	margin-top: 35px;
	padding-right: 45px;
	padding-left: 45px;
}
.warp #career .left-box .box4 .divisions .person img {
	display: block;
	height: 108px;
	width: 85px;
}


.warp #career .left-box .box4 .divisions .person .d-name {
	text-align: center;
	height: 22px;
	width: 85px;
}
.warp #career .left-box .box4 .divisions .summarize {
	float: left;
	height: auto;
	width: 546px;
	padding-top: 15px;
}

.warp #career .left-box .box4 .divisions .info {
	color: #4b575f;
	line-height: 22px;
	font-weight: bold;
	height: 22px;
	padding-left: 10px;
	float: left;
	width: 526px;
	padding-right: 10px;
	font-size: 12px;
}
.warp #career .left-box .box4 .divisions .self_introduce {
	color: #4b575f;
	padding-left: 10px;
	float: left;
	width: 526px;
	padding-right: 10px;
	padding-top: 2px;
}
/*-------------testimonials--------------*/
.warp #career .left-box .box4 .testimonials {
	min-height:333px;
	height:auto !important;
    height:333px;
    overflow:visible;

	padding-bottom:10px;
	float: left;
	width: 546px;
	
}
.warp #career .left-box .box4 .testimonials .person {
	width: 542px;
	padding-left:2px;
	padding-right:2px;
}

.warp #career .left-box .box4 .testimonials .person li {
	
	float: left;
	
	
	
}
.warp #career .left-box .box4 .testimonials .person img {
	display: inline;
	height: 108px;
	width: 85px;
	margin-right: 20px;
	margin-left: 28px;
	float:left;
	margin-bottom: 4px;
	margin-top: 4px;
}
.warp #career .left-box .box4 .testimonials .summarize {
	float: left;
	height: auto;
	width: 546px;
	padding-top: 15px;
}

.warp #career .left-box .box4 .testimonials .info {
	color: #4b575f;
	line-height: 22px;
	font-weight: bold;
	height: auto;
	padding-left: 10px;
	float: left;
	width: 526px;
	padding-right: 10px;
	font-size: 12px;
}
.warp #career .left-box .box4 .testimonials .self_introduce {
	color: #4b575f;
	padding-left: 10px;
	float: left;
	width: 526px;
	padding-right: 10px;
	padding-top: 2px;
}
.warp #career .left-box .box4 .testimonials .self_introduce p{
	text-indent:2em;
}
/*-----sitemap--------*/
.warp #content .sitemap {
	margin-top: 5px;
	width: 850px;
	line-height: 17px;
	margin-left: 40px;
}
.warp #content .sitemap a:hover{text-decoration:underline;}
.warp #content .sitemap font {
	font-weight: bold;
	font-family: "宋体", "黑体", "华文宋体";
	font-size: 12px;
}

.space{
	margin-left:25px;
	margin-right:25px;
}
.color1 a{color:#e61e89}
.color2 a{color:#f78100}
.color3 a{color:#00662c}
.color4 a{color:#37729a}
.color5 a{color:#8c006d}
/*----------legal-----------*/
.warp .container{background-color:#f9fafe;height:auto;float:left;}
.warp .container #legal .localtion {
    height: 20px;
	color: #a0a5a9;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 7px;
}
.warp .container .localtion a{color: #a0a5a9;}
.warp .container #legal{
    min-height:442px;
	height:auto !important;
    height:442px;
    overflow:visible;
	position:relative;

	width:714px;
	border-top-width: 47px;
	border-right-width: 138px;
	border-left-width: 35px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #f6f1f5;
	border-right-color: #f6f1f5;
	border-left-color: #f6f1f5;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-x;
	background-color:#fff;
	background-position:left top;
	overflow:visible;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	
}
.warp .container #legal .legal-text {
	padding-top: 10px;
}
.warp .container #legal .legal-text p{
	line-height:19px;
	margin-bottom:8px;
}
#contact{
	border-collapse:collapse;
	background-color:#fff;
	margin-left: 29px;
}
#contact .bd{border:1px groove #ababab;}
.pages a{color:#4b575f}
.pages .prev{color:#4b575f}
.pages .next{color:#4b575f}

#legal ul{ margin:0; padding:0; list-style:none; width:136px; font-size:12px;left: 734px;top: 130px; position:absolute; background-color:#FFFFFF; border-top:1px solid #eff0eb;border-bottom:2px solid #e7e7e9;border-left:2px solid #e7e7e9;}
#legal ul li a{display:block;text-align: center;
	line-height: 26px;
	font-family: "宋体","黑体";
	font-weight: bold;
	color: #B8BCBE;}
#legal ul li a:hover{background-color:#f4f2ef;}
/*解决ul在IE下显示不正确的*/
* html #legal ul li{ float:left; height:1%;}
* html #legal ul li a {height:1%;display:block;}
* html #legal ul li a:hover{background-color:#f4f2ef;}
/* end */
#legal li:hover ul,#legal li.over ul { display:block;}