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

*{margin:0; padding:0; list-style:none; }

body{ background:#fff; font:normal 12px/24px "微软雅黑"; }
img{ border:0;  }
a {
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	color:#8a8a8a;
}
a:hover{ color:#666666;  }
.public{ width: 980px;  margin: 0 auto; } 
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;border: none; } 

@font-face {
  font-family:humans;
  src: url(../font/humans.otf);
  src: url(../font/humans.otf#iefix)format("embedded-opentype"), 
       url(../font/humans.ttf)format("truetype")
}
@font-face {
  font-family:pmingliu;
  src: url(../font/pmingliu.otf);
  src: url(../font/pmingliu.otf#iefix)format("embedded-opentype"), 
       url(../font/pmingliu.ttf)format("truetype")
}

header{ height: 90px; background: #fff; position: relative;}

.top{ height: 90px;position: relative; }
.logo{ float: left;  height: 90px; overflow: hidden; }
.nav{float:left; margin: 30px 0 0 230px; }
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navkb{ padding:0 20px 0px; height:60px; line-height:60px;  position:relative; z-index:1; }
.navkb a{ color:#8a8a8a; }
.navkb .nLi{ float:left; position:relative; display:inline;}
.navkb .nLi h3{ float:left; font-weight: normal;}
.navkb .nLi h3 a{ display:block; padding:0 16px; font-size:12px;   }
.navkb .sub{ display:none; width:100px; left:0; top:60px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0 5px 0px; }
.navkb .sub li{ zoom:1; }
.navkb .sub a{ display:block; padding:0 10px 0 20px; }
.navkb .sub a:hover{ background:#6d6d6d; color:#fff; padding:0 10px 0 23px; }
.navkb .on h3 a{ color:#666; }

.main{ height: 520px; background:#f3f3f3; width: 100%; position: relative; } 
.sub_main{ height: 520px; width: 100%; position: relative; background: #f3f3f3; }

.sub_main2{ height: 730px; }
header .shadow {
    background: url(../images/shadow01.png) repeat-x;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: 1;
}
footer .shadow {
    background: url(../images/shadow02.png) repeat-x;
	position: absolute;
	 z-index: 1;
    left: 0;
	width: 100%;
    height: 5px;
    top: -5px;
}

.topbox { position:absolute; right:0; top:42px; z-index:9; }
.topbox .search{ margin-top:33px; margin-left:20px;*margin-top:0;_margin-top:33px; cursor:pointer; }
.topbox  .hover{ display:none; position:absolute; top:48px; right:0px; width:268px;background-color:#262626; z-index:2; overflow:hidden; height:54px; }
.topbox  .hover .input{ float:left; width:258px; height:38px; margin:8px 0 0 8px; border: none;  }
.topbox  .hover .input .shurukuang{ width:240px;  height:38px;line-height:38px; font-size:12px; padding-left:10px; }
.topbox  .hover .input .anniu{ padding-top:5px; }
.topbox  .hover input:focus{ outline:none; }

.main_right{ position:absolute; width: 50%;  right: 0; top: 28%;font-size: 15px;}
.main_right h1{ font-size: 46px; text-align: center; color: #555; font-weight: normal; -webkit-animation: downIn 0.8s 0.15s both;  }
.main_right h2{ font-size: 16px; color: #666666; text-align: center; margin-top: 20px; font-weight: normal; -webkit-animation: downIn 0.8s 0.5s both;  }
.main_right span{ display: block; margin: 20px auto 0; width: 128px;  -webkit-animation: bounceIn 0.6s 1.3s both; }
.main_right  p{ text-align: center; color: #adadad; line-height: 24px; margin-top: 35px;  -webkit-animation:scaleIn 0.7s 1.8s both; }

.btn-0 {
  color: #939393;
  position: relative;
  display: block;
  width: 141px;
  padding-left: 20px;
  height: 33px;
  max-width: 161px;
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid currentColor;
  margin: 46px auto 0;
  line-height: 34px; 
  background:url(../images/more01.png) no-repeat 104px 13px;
  font-family:Arial;
  -webkit-animation:bounceIn 0.7s 2.1s both;
}
.btn-0 em{ font-size: 10px;  -webkit-transform:scale(0.8); font-style: normal;}
.btn-0:hover{ background:url(../images/more02.png)#666 no-repeat 112px 13px; color:#fff; }

footer{ height:50px; background: #fff; line-height:50px; color:#8a8a8a; position: relative;}
footer .public{ width:96%;max-width:1000px;  margin: 0 auto; } 
footer .footer_l{ float:left; width:600px; font-size: 10px; -webkit-transform: scale(0.9);  -o-transform: scale(0.9);  }
footer .footer_link{float:right;margin-right:15px;color:#a1a1a1;}
footer .footer_link img{opacity:0.5;}
footer .footer_link img:hover{opacity:1;}
footer .footer_r{float:right; width:100px;  }
footer .share {
  width: 100%;
  margin-top: 10px;
  height: 28px;
}
footer .share a {
  display: block;
  float: left;
  width: 31px;
  height: 33px;
  padding: 0;
  margin: 0 15px 0 0;
}
footer .share .sina {
  background: url(../images/wb_01.png) no-repeat center top;
}
footer .share .wx {
  background: url(../images/wx_01.png) no-repeat center top;
}
footer .share  a:hover img{filter: Alpha(Opacity=1);opacity: 1;}
.footer .navbox { width:600px; margin-right:-120px;}

footer .share a:hover.sina {
  background: url(../images/wb_02.png) no-repeat center top;
}
footer .share a:hover.wx {
  background: url(../images/wx_02.png) no-repeat center top;
}

.kj{ width: 100%; height: 52px; overflow: hidden; background: #fff; line-height: 52px; }
.kj_c{ float:right; color: #7f7f7f; }
.kj_c a{ color: #b2b2b2; }
.kj_c a:hover{ color: #7f7f7f; }
.kj_c span{ color: #b2b2b2; padding: 0 10px; }
.kj_c2{ text-align:center; float:none; color: #888;  }
.kj_c2 span{ padding: 0 15px;}
.kj_c2 a{ font-size:13px; color: #888; }
.kj_c2 a:hover{ color: #333; }

.about{ background:url(../images/sub_bg01.jpg) no-repeat center 50px; }
.about_tit01{ font-size:24px; color: #262626; margin-top: 56px; text-align: center;}
.about_tit02{ text-align: center; padding:10px 0 5px;  }
.about_tit03{padding:0px 0; font-size: 36px; color: #666666; text-align: center; font-family: "humans";  text-transform: uppercase;}
.about_tit04{text-align: center; color: #939393; margin-top: 20px;-webkit-animation: topIn 0.8s 0.15s both; }

.about_tit01s{ font-size:24px; color: #262626; margin-top: 56px; text-align: center;}
.about_tit02s{ text-align: center; padding:10px 0 5px; }
.about_tit03s{padding:0px 0; font-size: 36px; color: #666666; text-align: center; font-family: "humans"; text-transform:uppercase; }
.about_tit04s{text-align: center; color: #939393; margin-top: 20px;  }

.qyry{ padding-top: 50px; background:url(../images/bg02.jpg) no-repeat right 85px; -webkit-animation: downIn 0.8s 0.15s both; }
.qyry img{ display:block;  }
.qyry_c{ background:url(../images/pic02.jpg) repeat-y 107px top; padding-bottom: 0px;}
.qyry_c a { float: left; padding-bottom: 70px; color:#999999;}
.qyry_c a:hover{ color:#000; }
.qyry_c a .qyry_c01{ width: 118px; height: 30px; float: left;  font-size: 20px; font-weight: bold; background: url(../images/pic03.jpg) no-repeat right 3px;}
.qyry_c a .qyry_c02{ float:left; padding-left: 15px; width: 845px; }
/*.qyry_c a .qyry_c02:hover{padding-left: 12px;	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;}*/

/*缓动*/

.qyln{background:url(../images/sub_bg02.jpg) no-repeat center center;}
.qyln_c{width:490px; float: left; text-align: center;  position: absolute; top: 50%; margin-top: -162px }

@-webkit-keyframes topIn{
	0%{opacity:0; -webkit-transform:translateY(-40px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}

@-webkit-keyframes downIn{
	0%{opacity:0; -webkit-transform:translateY(40px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}

@-webkit-keyframes rightIn{
	0%{opacity:0; -webkit-transform:translateX(40px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@-webkit-keyframes leftIn{
	0%{opacity:0; -webkit-transform:translateX(-40px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}

@-webkit-keyframes scaleIn{
	0%{opacity:0; -webkit-transform:scale(2);}
	100%{opacity:1; -webkit-transform:scale(1);}
}

@-webkit-keyframes bounceIn {
  0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}

/*户型*/
.huxing_slider{ width:980px; position:relative; height:351px; margin:0px auto 0; margin-bottom:20px; margin-top:35px; -webkit-animation:topIn 0.8s 0.15s both;  }
/*.huxing_slider .prev,.huxing_slider .next{ display:block;width:21px;height:52px;overflow:hidden;cursor:pointer; background:url("../img/arrow.jpg") no-repeat;position: absolute;top:50%;margin-top: -35px;}*/
.huxing_slider .prev{ background:url(../images/lf.png) no-repeat; width:60px; height:60px; display:block; cursor:pointer; position:absolute;overflow:hidden;  top:50%;margin-top: -35px; left: -60px; }
.huxing_slider .next{ background:url(../images/rf.png) no-repeat; width:60px; height:60px; display:block; cursor:pointer; position:absolute;overflow:hidden; top:50%;margin-top: -35px; right:-60px }

.huxing_slider .prevStop{ background-position:-60px 0; }
.huxing_slider .nextStop{ background-position:-60px -50px; }
.huxing_slider .bd{ width: 936px; margin: 0 auto; padding-top: 32px; }
.huxing_slider2 .bd{ text-align: center; }
.huxing_box .huxing_slider2 .bd ul li{ display: inline-block;float: none;*display:inline; zoom:1; }

.huxing_slider .bd ul{ overflow:hidden; zoom:1; }
.huxing_slider .bd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center;}
.huxing_slider .bd ul li .pic{ text-align:center; width: 289px; height:279px;overflow: hidden; position:relative; }
.huxing_slider .bd ul li .txt{ color:#666666; font-size: 13px; text-align:center; line-height:52px; height:52px; width: 289px; background: url(../images/bg03.png) repeat-x left bottom; overflow: hidden;}
.huxing_slider .bd ul li .pic img{ display:block;  width: 289px; height:279px; overflow: hidden; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; }
/*.huxing_slider .bd ul li .pic a:hover img{ border-color:#999;    
-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease; }*/

.za a{ display: block; height: 100%; width: 100%; background: url(../images/b01.png); text-align: center;  }
.za a h1{ font-size: 28px; font-family: "humans"; font-weight: normal; text-transform: uppercase; color: #fff;padding-top: 60%;  }
.za a:hover{background: #000; background: url(../images/b02.png); }
.za a h2{ color: #fff; font-size: 20px; font-weight:bold; margin-top:15px; }
.za a span img{ margin-top: 20px; }


.zzxq_l{ width:724px; float:left; padding-top: 64px; padding-bottom: 60px; border-right:1px solid #d9d9d9; }
.zzxq_r{ width: 255px; float: left; padding-top: 63px; position: relative;}
.zzxq_r_tit{ font-size:22px; color: #4f4f4f; padding-left: 27px; background: url(../images/pic04.jpg) no-repeat left top; line-height:30px; }
.zzxq_r_c{ padding-left: 27px; line-height: 22px; color:#b7b7b7; padding-top: 18px; }
.zzxq_r_b{  position: absolute; left: 27px; top: 434px; line-height: 26px; color: #333333; padding-top: 16px; background: url(../images/pic05.jpg) no-repeat left top; }
.zzxq_r_b p em{ font-style:normal; color:#b7b7b7;}
.back{ position: absolute; left: 27px; top: 565px; height: 30px; overflow: hidden}
.back a{ width: 62px; height: 28px; display: block; color: #b4b4b4; border: 1px solid #b4b4b4; line-height: 28px; text-align: center;-webkit-transition: margin .4s ease-in-out;
    -moz-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    -ms-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out; }
.back a:nth-of-type(even) {
    background: #262626;
    color: white;
	border:1px solid #262626;
}
.back:hover :first-child { margin-top: -30px;}

.yrln_l{ width:445px; float: left; padding-top: 80px; /*-webkit-animation:leftIn 0.8s 1.2s both;*/  }
.yrln_r{ width: 490px; float: right; padding-top: 70px; color: #939393; line-height: 26px; /*-webkit-animation:rightIn 0.8s 1.2s both;*/ }
.yrln_r p{ padding-top: 24px; }
.yrln_r p strong{ font-size:14px; color: #666666;  }

/*-------------人力资源部分----------*/
.human_box{ width:980px; padding-bottom:50px; margin:0 auto; display:inline-block; margin-top: 40px;-webkit-animation: topIn 0.8s 0.15s both;  }
.human_box p b{ font-weight:bold; color: #383838; font-size:13px;   }
.human_box p{ font-family:"Microsoft YaHei";padding-bottom: 20px;color:#999999; font-size:12px;  }
.human_box .job_tit{ background: none repeat scroll 0 0 #8dae29;  height: 50px; font-size:16px; width: 980px;color:#fff; line-height:50px; }
.job_l1 { width: 794px; padding-left: 40px;color: #333333  }
.job_l5{ width: 120px; border-right:0; padding-left: 26px; background: #949494; color: #ffffff; }
.job_box {background: none repeat scroll 0 0 #fff;float: left;line-height: 20px;padding: 20px 50px;width: 880px; font-size:14px;border-top: 1px solid #f3f3f3; }
.human_box ul li{ border-bottom: 1px solid #f3f3f3; color:#525252; background:#fff; }
.human_box ul li.b02{ background:#e8e8e8; }
.human_box .job .item{float: left;height: 50px;line-height: 50px;  font-size:14px; }
.yh{font-family:"Microsoft YaHei";}
.human_box .on span{color:#1f6487;background: url("../images/p07.jpg") no-repeat 80px 12px; color: #fff;}
.human_box .job_btn  {cursor:pointer;}
.human_box  span{background: url("../images/p08.jpg") no-repeat 80px 12px ;height: 50px;line-height: 50px;width: 146px;display:inline-block;  }
.human_box  span{background: url("../images/p08.jpg") no-repeat 80px 12px ;height: 50px;line-height: 50px;width: 146px;display:inline-block;  }
.jobbox{ width:655px; float:left; text-align:left; padding-bottom:20px;}
.jobbox .jobtit{ width:655px; height:24px; float:left;}
.jobbox .jobtext{ width:655px; height:30px; float:left; line-height:30px; border-bottom:#E2E2E2 1px solid;}
.jobbox .jobview_tit{ width:645px; height:40px; float:left; line-height:35px; background:url(../images/job_view_bg.jpg) repeat-x bottom; padding-left:10px;}
.jobbox .jobview_info{ width:635px; float:left; padding:10px; margin-bottom:10px;}
.Bfont{ color:#0F4CA9; font-weight:bold;}
.job_box .zxzp a{ padding:10px 30px; background:#8dae29;  text-align:center; color:#fff; display:block; float:left;}
.job_box .zxzp a:hover{ background:#9ec035; }

/*联系我们*/
.main10bg {
    overflow: hidden;
    position: relative;
    min-width: 1200px;
}

.main10 {
    position: absolute;
top:50%;
	 margin-top: -208px;
width: 410px;
height: 416px;
right:0%;
}

.map {
    z-index: 0;
    width: 100%;
    min-height: 550px;
}


.map_wz {
   width: 410px;
height: 416px;
background:url(../images/bg04.jpg) no-repeat;
position: absolute;

}
.map_wz .lxwm {
   
    text-align: center;
    padding-top: 50px;
}

.map_wz .lxwm h3 {
    font-size: 30px;
    font-weight:normal;
    display: block;
    margin-bottom: 20px;
}

.map_wz .lxwm p b {
    color: #fac800;
    font-weight: normal;
}
.map_wz .lx_img{  width: 354px; height: 96px; overflow: hidden; margin:15px auto 0;}
.map_wz .lx_img img{ -webkit-transition: -webkit-transform 2s ease 0s;
		-moz-transition: -moz-transform 2s ease 0s;
		-o-transition: -o-transform 2s ease 0s;
		transition: transform 2s ease 0s;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		height: 100%;
		width: 100%;}
.map_wz .lx_img img:hover{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.tel{ font-size:12px; color: #999999;  text-align: center; width: 355px; margin: 0 auto; padding-top:20px }
.tel p { line-height: 26px; }
.tel p em{ font-style:normal; color: #666666;  }


@media screen and (min-width: 800px) and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
  .main { height: 520px; }  .sub_main { min-height: 520px; height: auto; overflow: hidden } .za div,.za a{ min-height:520px; } 
	#map,.map{min-height:520px;} #dituContent{min-height:520px; width: 100%;} .main_right{ top:25%; } .main_right p{ margin-top:25px;}
	.btn-0 { margin: 36px auto 0; } .yrln_l{ padding-top:50px; } .yrln_r{ padding-top:40px; } .about_tit01s{ margin-top:40px;}
	.human_box{ margin-top:30px;} .about_tit01{ margin-top:40px;}  .huxing_slider .bd{ padding-top:10px;}
}
@media screen and (min-width: 1370px) and (max-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
	.main { height: 600px; } .sub_main { min-height: 600px; height: auto; overflow: hidden} .za div,.za a{ min-height:600px;} #map,.map{ min-height:600px; }
	#dituContent{min-height:600px; width: 100%;}
}
@media screen and (min-width: 1445px) and (max-width: 1920px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
 .main { height: 780px; }  .sub_main { min-height: 780px; height: auto; overflow: hidden} .za div,.za a{ min-height:780px;} #map,.map{ min-height:780px; }
	#dituContent{min-height:780px; width: 100%;} .zzxq_l{ padding-bottom:109px;}
}