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


.pageBox{width:100%;}
.fr{position:relative;float:right;}
.fl{position:relative;float:left;}


/*job*/
.job,.job .img .page1 img,.job .page1 .item{width:100%;}
.job .pageBox{float:left;}
.job .cm{max-width:1200px;margin:0 auto;overflow:hidden;}
@media screen and (max-width:1600px){
.job .f-13{font-size:14px;}
.job .f-14{font-size:14px;}
.job .f-15{font-size:15px;}
.job .f-18{font-size:18px;}
.job .f-24{font-size:24px;}
}
@-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes p1round {0% {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@keyframes p1round {0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}
.job p{ margin-bottom:15px}
.h-28 {
line-height: 28px;
}
.redt, a.redt {
color: #3bb3c2;
}
.job .page3{margin-top:120px;}
.job .page3 .cm{max-width:1200px;margin:0 auto;overflow:hidden;position:relative;}
.job .page3 .photo{width:100%;position:relative;float:left;background-color:#f5f5f5;margin:20px 0 100px;}
.job .page3 .photo .border{width:90%;height:80%;position:absolute;top:10%;left:0px;z-index:10;/*border:1px #5de4ec solid;*/pointer-events:none; border-radius:10px}
.job .page3 .item{position:absolute;top:0px;left:0px;width:100%;display:none;}
.job .page3 .item.show{position:relative;float:left;top:auto;left:auto;display:block;min-height: 800px;}
.job .page3 .item .img,.job .page3 .item .info{width:50%;/*overflow:hidden;*/}
.job .page3 .item .info{height:100%;position:absolute;top:0px;left:0px;bottom:0px;}
.job .page3 .item .text{display:table;width:100%;/*height:100%;*/ color:#333}
.job .page3 .item blockquote{margin:0 auto;vertical-align: middle;display:table-cell;}
.job .page3 .item .t{width:88%;margin:0 auto;}
.job .page3 .item .t span{ font-size:14px !important;}
.job .page3 .icon{width:13%;position:absolute;right:50%;bottom:-12%;background-color:#ff2857;z-index:10;}
.job .page3 .icon img{width:100%;}
.job .page3 .icon i{width:100%;height:110px;position:absolute;top:50%;left:0px;margin-top:-55px;text-align:center;font-size:100px;color:#fff;opacity:0;}
.job .page3 .icon i.show,.job .page3 .item.show{opacity:1;}
.job .page3 .thumb{width:100%;float:left;}
.job .page3 .thumb .cm{max-width:1000px;}
.job .page3 .thumb span{width:16.66666%;float:left;text-align:center;cursor:pointer;color:#666666;font-size:14px;}
.job .page3 .thumb i{width:50px;height:50px;line-height:50px;font-size:40px;float:left;position:relative;left:50%;margin-left:-25px;}
.job .page3 .thumb font{width:100%;float:left;line-height:30px;}
.job .page3 .thumb span:hover,.job .page3 .thumb span.active{color:#3bb3c2;}
.job .page3 .mailto{margin-bottom:30px;}
/*css3*/
.job .page3 .icon i,.job .page3 .item{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;}
.test{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.test{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}

.pagenow{opacity:0.01;}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInScale{
	-webkit-animation-name:fadeInScale;
	animation-name:fadeInScale;
}
.fadeLoop,.about .box,.timeline.pagenow{opacity:1;}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.fadeInScale{
	opacity:1;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position:relative;
}

/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-ms-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);-ms-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes fadeInScale{0%{opacity:0;-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100%{opacity:1;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}


@media screen and (max-width:1024px){
.job .page3 .item .t{width:80%;}
}
@media screen and (max-width:768px){

.job .page3 .item .img{height:500px;}
.job .page3 .item .img img{width:auto;height:100%;max-width:none;}
.job .page3 .photo{margin-bottom:20px;}
.job .page3 .item .img,.job .page3 .item .img img,.job .page3 .item .info{width:100%;height:auto;}
.job .page3 .item .info{position:relative;padding:20px 0 10px;}
.job .page3 .item .t{margin:0 15px;width:auto;}
.job .page3{margin-top:30px;}
.job .page3 .photo .border{ display:none;}
.job .page3 .thumb span {
width: 33.333333%;
}
.sbtime{ width:100%;}
.lx_l, .lx_r {
  width: 90%;
  float:none;
  margin:15px auto;
}
.lxfs h2 {
  font-size: 18px;
}
.lx_r input {
  width: 100%;
  margin-top:0px;
  outline: none;
  font-size: 14px;
  color: #333;
  border: 1px solid #cccccc;
  transition: all 0.5s;
  height: 33px;
 
  margin-bottom:20px
}
.lx_r textarea {
 
  margin-top:0;
  padding:10px 0

}
.lx_r input.fl,.lx_r input.fr{ float:none;}
.lx_r button {
  width: 45%;
}
.jr h1, .lxwm h1 {
  font-size: 24px;
}
.jr p.title {
  padding-top: 3%;
  font-size: 13px;
  color: #777777;
  font-family: "微软雅黑", "新宋体";
  line-height: 1.6;
  padding: 3% 10px;
}
.fonnt .fl{ margin:0}
}

@media screen and (max-width:560px){
.pcBox{display:none;}
.phoneBox{display:block;}
.job .phoneBox{font-size:14px;line-height:28px;}
.pagenow{opacity:1;}
.job .page3 .thumb span{width:33.333333%;}
.job .page3 .thumb span {
  font-size: 12px;
}
}



#map {
margin-top: -400px;
height: 600px;
background-color: #e3e3e3;
}
.wrap {
max-width: 100%;
min-width: 1180px;
overflow: hidden;
}
.BMap_mask {
background: transparent url(http://api0.map.bdimg.com/images/blank.gif);
}