@charset "utf-8";
/*
	@name: base
	@anther: reake (reake.com@gmail.com)
	@website: http://www.reake.com
	@function: reset explorer style
*/
html{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) { display: none;}
/*body,button,input,select,textarea{font:12px/1.5 "微软雅黑", "Microsoft YaHei", "Hiragino Sans GB", Helvetica, Arial, Tahoma, sans-serif;}*/

body,button,input,select,textarea{
   font: 1em/1.5em "微软雅黑", "Microsoft YaHei", "Hiragino Sans GB",Arial,sans-serif;
   -webkit-font-smoothing: antialiased;
}
body {margin: 0;  color: #424242;}

input,select,textarea{font-size:100%;}
input,button,select,textarea{outline:none;}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{	border:0;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}
q:before,q:after {content:'';}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* a style */
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
  color:#d91a65;
  text-decoration: none;
}
ins,a {
	text-decoration:none;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out
}

/* clearfix */
.clearfix{
	zoom:1; /* for IE6 IE7 */
	*clear:both;
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	visibility:hidden;
 	display: block;
 	height:0;
 	line-height: 0;
 	content: "";
 	font-size: 0;
}
.clearfix:after {
  	clear: both;
}

/* myself set a style */
.hide-text {
 	font: 0/0 a;
 	color: transparent;
 	text-shadow: none;
  	background-color: transparent;
  	border: 0;
}
body .hide{
	display:none;
}
.fl,.fr,.l,.r {display:inline;}
.fl,.l {float:left;}
.fr,.r {float:right;}

.img-responsive {
  /*display: block;*/
  max-width: 100%;
  height: auto;
}
.picbox img {margin: 10px auto;}
.cd70 {color: #d7005b}
.c808 {color: #808080}
.f12 {font-size: 1.3em;}
.container {
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding: 0;
}
.bgs {background: #f6f6f6}
#wrapper {
	width:98%;
	padding:0 1%;
	overflow:hidden;
	padding:0 0 50px 0;
}

/* header */
#header {
	background: #fff;
	width:100%;
	padding:0;
	height: 86px;
	/*border-bottom: 1px solid #eaebeb;*/
	/*position:fixed;*/
	/*top:0;
	left:0;
	_position:relative;
	z-index:1000;
	_top:expression(offsetParent.scrollTop+0);*/

}

.brand-logo {
	float:left;
	padding: 5px 0;
}
.brand-logo img {width: 132px;}

.nav {
	float:right;
	/*clear:right;*/
}
.nav ul {
	margin: 0;
	padding: 0;
	text-align: right;
	overflow: hidden;
}
.nav ul li {
	float:left;
	position:relative;
}
.nav ul li:last-child {
	float:left;
	/*padding:5px 0 5px 30px;*/
	background:none;
}
.nav ul li a, .nav ul li a:visited {
	color:#727171;
	font-size: 14px;
	display:block;
	text-decoration:none;
	padding:31px 15px;
}
.nav ul li a:hover,
.nav ul li a:active,
.nav ul li a.selected,
.nav ul li a.selected:visited,
.nav ul li a.selected:hover {
	color:#fff;
	display:block;
	text-decoration:none;
	background: #EF8213;
}
.nav ul li.topso {
	padding: 27px 10px;
	border-left: 1px solid #dedede;
}
.nav ul li.lang {color: #727171}
.nav ul li.lang a {
	padding:0;
	display: inline-block;
	margin-top: 25px;
	padding:3px;
	font-size: 12px;
}
.nav ul li.lang a:hover,
.nav ul li.lang a:active,
.nav ul li.lang a.selected,
.nav ul li.lang a.selected:visited,
.nav ul li.lang a.selected:hover {
	color:#EF8213;
	display:inline;;
	text-decoration:none;
	background:none;
}

/* search */
.searchbox {
	display: none;
	position: absolute;
	top: 85px;
	left:50%;
	margin-left: 297px;
	z-index: 9999;
	-webkit-transition:top 300ms;
	transition:top 300ms;
}
.top-so {
	background: #FFF;
	margin:0;
	border: 3px solid #a6a7a7;
}
.top-so input {
	height: 30px;
	width: 200px;
	font-size: 12px;
	line-height: 25px;
	color:#a4a4a4;
	border-style:none;
	font-family:Verdana,"微软雅黑";
	background:#fff;
	padding-left: 10px;
	vertical-align: top;
}
.top-so-btn {
	background: url(../images/top_so_btn.png) no-repeat 0 -2px;
	width: 29px;
	height: 24px;
	display: inline-block;
	border-style: none;
	cursor: pointer;
	padding: 3px 0 0 0;
}


/* banner */
#banner,
#subbanner {
	clear: both;
	width:100%;
	/*margin-top:90px;*/
	overflow:hidden;
}
/* textscroll */
.textscroll {
	height: 50px;
	line-height: 50px;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.textscroll span {
	display: inline-block;
	margin: 0 15px;
}

/* serverbox */
.serverbox {
	clear: both;
	margin-top: 50px;
	overflow: hidden;
}
.serverbox ul li {
	float: left;
	width:20%;
	text-align: center;
	margin: 0;
}
.serverbox ul li div {
	background: url(../images/service_icon.png) no-repeat 0 0;
	display: block;
	margin:auto;
	width: 112px;
	height: 112px;
}
.serverbox ul li .icontitle {
	display: block;
	margin-top: 10px;
}
.serverbox ul li .sicon01 {background-position: 0 0;}
.serverbox ul li .sicon02 {background-position: -199px 0;}
.serverbox ul li .sicon03 {background-position: -397px 0;}
.serverbox ul li .sicon04 {background-position: -595px 0;}
.serverbox ul li .sicon05 {background-position: -793px 0;}
.serverbox ul li .sicon06 {background-position: -991px 0;}
.serverbox ul li .sicon01:hover {background-position: 0 -114px;}
.serverbox ul li .sicon02:hover {background-position: -199px -114px;}
.serverbox ul li .sicon03:hover {background-position: -397px -114px;}
.serverbox ul li .sicon04:hover {background-position: -595px -114px;}
.serverbox ul li .sicon05:hover {background-position: -793px -114px;}
.serverbox ul li .sicon06:hover {background-position: -991px -114px;}
.serverbox ul li a {color: #A9A9A9}
.serverbox ul li a:hover {color: #EF8213}


/* news */
#hnews {
	clear: both;
	margin-top: 70px;
	padding: 70px 0;
	background: #F4F4F4
}
.hnews-title {
	position: relative;
	height: 40px;
}
.hnews-title-line {
	font-size: 1.25em;
	padding-bottom: 20px;
	border-bottom: 6px solid #4c5354;
	color: #cc452b;
	font-weight: bold;
}
.hnews-title-more {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	font-size: 0.875em;
	color: #4c5354
}
.hnews-list {
	margin-top: 60px;
	overflow: hidden;
}
.hnews-list .hlist-time {
	line-height: 1.8em;
	font-weight: bold;
	color: #808080;
	padding-left: 20px;
}
.hnews-list .hlist-time b {display: block;font-size: 2em;}
.hnews-list .hlist-time span {display: block;font-size: 0.75em;}
.hnews-list .hlist-item {
	border-left: 1px solid #808080;
	padding-left: 16px;
}
.hnews-list li {
	width: 28%;
	float: left;
	margin-right: 8%;
	margin-top: 3%;
}
.hnews-list li .hlist-title {
	color: #cf5138;
	font-size: 0.938em;
	display: block;
	height: 22px;
	overflow: hidden;
}
.hnews-list li .hlist-info {
	margin-top: 18px;
	font-size: 0.75em;
	color: #8e8f8f;
	height: 54px;
	overflow: hidden;
}
.hnews-list li .hlist-arr {
	background: url(../images/hnews-arr.png) no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	margin-top: 20px;
}

#service {clear: both;background: #d8642b;text-align: center;}
#homelife {clear: both;background: #f3f3f3}

#proservice {
	clear: both;
	margin-top: 100px;
	overflow: hidden;
	padding-bottom: 100px;
}
#proservice ul li {
	float: left;
	margin:30px 32px 0 0;

}
#proservice ul li:nth-child(3) {
	margin-right: 0;
}
#proservice ul li a {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
#proservice ul li a .propic {
	display: block;
}
#proservice ul li a .protitle {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	font-size: 1.2em;
}
#proservice ul li a .protitle span{margin-left: 10px;}

/* sub */
.subnav {
	clear: both;
	border-bottom: 1px solid #e0e0e0;
	margin-top: -5px;
	overflow: hidden;
	background: #fff;
}
.subnav ul li {
	float: left;
	width: 19.6%;
}
.subnav ul li a {
	height: 86px;
	text-align: center;
	display: block;
	padding-top: 15px;
	border-left: 1px solid #e0e0e0;
	color: #a3a4a4
}
.subnav ul li:last-child {
	border-right: 1px solid #e0e0e0;
}
.subnav ul li a:hover,
.subnav ul li a.current {
	background: #f38d27;
	color: #fff;
}
.subnav ul li a span {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url(../images/subnav_icon.png) no-repeat;
}
.subnav ul li a span.abouticon01 {background-position: 0 0;}
.subnav ul li a span.abouticon02 {background-position: -55px 0;}
.subnav ul li a span.abouticon03 {background-position: -116px 0;}
.subnav ul li a span.abouticon04 {background-position: -168px 0;}
.subnav ul li a span.abouticon05 {background-position: -235px 0;}
.subnav ul li a.current span.abouticon01,
.subnav ul li a:hover span.abouticon01 {background-position: 0 -35px;}
.subnav ul li a.current span.abouticon02,
.subnav ul li a:hover span.abouticon02 {background-position: -55px -35px;}
.subnav ul li a.current span.abouticon03,
.subnav ul li a:hover span.abouticon03 {background-position: -116px -35px;}
.subnav ul li a.current span.abouticon04,
.subnav ul li a:hover span.abouticon04 {background-position: -168px -35px;}
.subnav ul li a.current span.abouticon05,
.subnav ul li a:hover span.abouticon05 {background-position: -235px -35px;}

.subnav ul li a span.newsicon02 {background-position: -274px 0;}
.subnav ul li a.current span.newsicon02,
.subnav ul li a:hover span.newsicon02 {background-position: -274px -35px;}
.subnav ul li a span.newsicon01 {background-position: -325px 0;}
.subnav ul li a.current span.newsicon01,
.subnav ul li a:hover span.newsicon01 {background-position: -325px -35px;}


.aboutus-info,
.aboutus-info2,
.aboutus-info3,
.aboutus-info4,
.aboutus-info5 {
	clear: both;
	margin-top: 100px;
	overflow: hidden;
}
.aboutus-info {
	position: relative;
	color: #888989;
}
.aboutus-info .fl {width: 48%}
.aboutus-info .fr {
	width: 48%;
	line-height: 180%;
	font-size: 0.813em;

	position: absolute;
	bottom: 0;
	right: 0;
}
.aboutus-info .fr b {font-size: 1.125em;}

.aboutus-info2 {
	background: url(../images/aboutus_pic02.jpg) no-repeat center;
	padding-bottom: 244px;
}
.aboutus-info2 h2 {
	font-size: 1.875em;
	color: #cc452b;
	margin-top: 145px;
}
.aboutus-info2 ul {margin-top: 60px;}
.aboutus-info2 ul li {
	float: left;
	width: 24%;
	margin-right: 5%;
	color: #808080;
	font-size: 0.813em;
}
.aboutus-info2 ul li:last-child {margin-right: 0;}
.aboutus-info2 ul li h3 {
	font-size:1.5em;
	padding-bottom: 20px;
}
.aboutus-info3 .fl {
	width: 40%;
	font-size: 1.875em;
	color:#cc452b;
}
.aboutus-info3 .fr {
	width: 56%;
	color: #888989;
	line-height: 200%;
	font-size: 0.813em
}
.aboutus-info4,
.aboutus-info5 {
	position: relative;
}
.aboutus-info4 .left,
.aboutus-info5 .right {
	width: 40%;
	font-size: 0.813em;
	color: #888989;
	line-height: 200%;
	padding: 80px 0 160px 50px;
}
.aboutus-info4 .about-r-pic {
	position: absolute;
	top: 0;
	right: 0;
	width: 52%
}

.aboutus-info5 {
	padding-bottom: 120px;
}
.aboutus-info5 .right {
	float: right;
	width: 50%;
}
.aboutus-info5 .about-l-pic {
	top: 0;
	left: 0;
	width:45%
}

.aboutus-framework {
	clear: both;
	overflow: hidden
}
.aboutus-framework img {
	margin: 100px auto;
}
.aboutus-honor {
	padding: 6% 0;
	overflow: hidden;
}
.aboutus-honor ul li {float: left;margin:10px 9px 10px 0}
.aboutus-evolution {
	clear: both;
	overflow: hidden;
}
.evolutionbox {
	padding: 8% 0;
}
.sub-wrap {
	clear: both;
	padding: 5% 0;
	overflow: hidden;
}
.sub-title {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 3% 0;
	font-size: 2.25em;
	color: #9b9b9b;
	text-align: center;
}
.sub-title:last-child {clear: both}

/* news */
.newslist {
	margin-top: 35px;
	float: left;
	width: 68%;
}
.newslist > ul > li > a {
	clear: both;
	display: block;
	padding: 10px 2%;
	height:80px;
	border: 1px solid #e5e5e5;
	background: #fff;
	margin-bottom: 25px;
	overflow: hidden;
}
.newslist > ul > li > a:hover {
	background: #cc452b;
}
.newslist ul li a:hover .nr-text h3 {color: #fff;}
.newslist ul li a:hover .nr-text-author,
.newslist ul li a:hover .nr-text-info {color: #ffb2a3;}
.nl-time {
	background: #cc452b;
	color: #fff;
	width: 15%;
	text-align: center;
	font-size: 0.75em;
	line-height: 160%;
	padding: 1% 0;
	float: left;
}
.nl-time b {
	font-size: 2.5em;
}
.nr-text {
	float: right;
	width: 83%;
}
.nr-text h3 {
	font-size: 0.938em;
	color: #595757
}
.nr-text a {color: #595757;font-size: 1em}
.nr-text-author,
.nr-text-info {
	font-size: 0.75em;
	color: #9b9b9b;
	display: block;
}
.nr-text-info {margin-top: 10px;}
.newsbox .nr-text {
	padding-top: 2%;
}
.newscontent {
	clear: both;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 2px solid #cbcccc;
	line-height: 200%;
}
.sidebox {
	margin-top: 35px;
	width: 28%;
	float: right;

}
.sidebox .rightbox {
    width: 99%;
    border: 1px solid #c9c9c9;
    /* height: 100%; */
    line-height: 0;
}
.sidebox .rightbox img{
	width: 100%;   
}
.sidebox .mailto {
	margin-top: 3%;
	color: #727171;
	font-size: 1em;
}
.sidebox .mailto a {color: #727171;text-decoration:underline}
.sidebox .mailto a:hover {color: #cc452b}

.investor .nr-text {
	width: 65%;
	padding-right:15%;
	position: relative;
}
.investor .nr-text .investor-pdf {
	position: absolute;
	right: 0;
	top: 8px;
	background: url(../images/investor_pdf.png) no-repeat 0 0;
	display: block;
	width: 66px;
	height: 67px;
}
.newslist ul li a:hover .nr-text .investor-pdf {
	background-position: 0 -67px;
}

.prolist {
	clear: both;
	margin: 3% 0 5%;
	height: 100%;
	overflow: hidden;
}
.prolist dt,
.prolist dd {
	width: 50%;
}


.pl-pic{ }
.pl-pic .pl-more {
	display: block;
	width: 100%;
}
.pl-ta-right {text-align: right}
.pl-ta-left {text-align: left}

.pl-text {
	/*padding-top: 18%;*/
	padding-top: 80px;
}
.pl-text h3 {
	color: #cc452b;
	font-size: 1.875em;
	line-height: 1.875em;
}
.pl-text p {
	font-size: 0.813em;
	line-height: 200%;
	padding: 2% 0;
}
.pl-text a {
	display: block;
	padding: 1% 0;
	font-size: 1em;
	color: #65687b;
}
.pl-text a:hover {
	color: #cc452b
}
.pl-lists {display: none;}
.pl-content {
	display: none;
	line-height: 200%;
	font-size: 0.75em;
	color: #888989;
	padding: 15px 0;

}
.pl-content img {padding: 10px 0;}
.jobs-info {
	margin: 3% 0 14%;
}
.jobs-info .fl,
.jobs-info .fr {
	width: 40%;
}
.jobs-info .fl {font-size: 0.75em;color: #808080;}
.jobs-info .fr {
	font-size: 1.875em;
	line-height: 1.5em;
	color: #65687b;
}
.jobs .sub-wrap {
	padding: 0;
}
.whilebg {
	background: #fff;
	height: 100%;
	max-height: 350px;
	overflow: hidden;
	border-bottom: 1px solid #cbcbcb;
	padding-top: 5%
}



.joblist {
	clear: both;
	overflow: hidden;
	margin-bottom: 16%;
	padding-top: 4%;
}
.joblist h3 {
	color: #595757;
	font-size: 1.875em;
	line-height: 1.875em;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
}
.joblist ul li {
	padding: 1em 0;
	border-bottom: 1px solid #d8d8d8;
}
.joblist ul li span {
	width: 32%;
	display: inline-block;
	font-size: 0.813em;
	color: #808080
}
.joblist span.job-title,
.joblist span.job-title a {font-size: 1.125em;color: #cc452b}
.joblist span.job-city {background: url(../images/jobs-map.png) no-repeat 0 0;padding-left: 16px;}
.joblist span.job-time {text-align: right;}
.joblist .job-back {
	background: #65687b;
	width: 118px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.job-show-box {
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 20px;
	font-size: 0.813em;
	color: #808080;
}
.job-show-box span.job-show-title {
	margin: 4% 0 1%;
	font-size: 1.5em;
	color: #cc452b;
	display: block;
}
.job-content {
	clear: both;
	color: #808080;
	line-height: 180%;
}
.job-content h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 3% 0 0 0;
	padding: 0 0 1% 0
}
.job-content p {font-size: 0.813em;}
.job-contact {
	margin-top: 5%;
	width: 210px;
	color: #cc452b;
	display: block;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #cc452b;
	color: #fff;
	padding:1% 0;
	text-align: center;
}
.job-contact:hover {color: #fff;}
.job-tips {
	margin-top: 10%;
	border-top: 1px solid #bbbbbb;
	padding:3% 0;
	font-size: 0.75em;
	color: #888989;
}


/* pagenav */
.pagenav {
	text-align: center;
	padding: 2% 0 5%;
}
/* footer */
#footer {
	clear: both;
	text-align:center;
	width:100%;
	overflow: hidden;
}
.footerbox {background: #fff;display: none;}
.footwrap {background: #44494f;padding: 15px 0;}


.foot-contact {
	padding-top: 30px;
	height: 100%;
	overflow: hidden;
}
.foot-contact .fl {
	width: 50%;
}
.foot-contact  .fr {
	width: 43%;
}
.foot-contact ul li {
	float: left;
	text-align: left;
	width: 45%;
	color: #999;
	font-size: 0.75em;
	margin: 10px 0 20px;
}
.foot-contact ul li:nth-child(odd) {
	border-right: 1px solid #999;
	margin-right: 20px;
}

.foot-copy {
	clear: both;

	overflow: hidden;
	padding: 20px 0;
}
.foot-copy .fl {
	text-align: left;
	font-size: 1em;
	color: #fff;
}
.foot-copy .fr {
	width: 40%;
	color: #fff;
	text-align: right;
	line-height: 180%;
}

.foot-copy .fr a {color: #fff;font-size: 14px;display: inline-block;}
.foot-copy .fr p {font-size: 0.75em;}
.foot-copy .fr span,
.foot-copy .fr span a {font-size: 0.75em;color: #929090}

.footnav {

}
.footnav ul li {
	float: left;
	margin-right: 30px;
}
.footnav ul li h4 {
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-weight: bold;
	width: 100px;
	margin-bottom: 10px;
}
.footnav ul li h4 a {color: #fff;font-size: 14px;font-weight: normal;}
.footnav ul li a {
	display: block;
	font-size: 12px;
	color: #B6BABB;
}
.footnav ul li a.circle {
	background: #72767a;
	padding:3px;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.fnav2 {
	border-bottom: 1px solid #fff;
	display: inline-block;
}
.fnav2 a {font-size: 14px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.search {
	width: 100%;
	float: none;
}
.search-pr {
	position: relative;
}
.search-pr span {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 14px;
}
.search-pr span b {color:red;}