﻿/* CSS Document */
.story {
  width: 550px;
}
.story img {
  max-width: 100%;
}
.story .pic{ margin-bottom:30px;}
.story .con {
  line-height: 22px;
  margin-bottom: 40px;
  padding-left: 55px;
  text-align: justify;
  word-wrap:break-word; 
}
.story .tit {
  font-size: 13px;
  margin-bottom: 20px;
}
.story-2{width: 550px;}
.story-2 li {
  border-left: 1px solid #919191;
  margin-left: 10px;
  padding-left: 22px;
  position: relative;
  padding-bottom:10px;
}
.story-2 li.first {
  border-left: 1px solid #000;
}
.story-2 li.first .pot {
  background: url("../images/circle1.png") no-repeat scroll 0 0;
}
.story-2 li.last {
  border-left:none;
}
.story-2 li .tit {
  font-size: 16px;
  line-height: 13px;
  margin-bottom: 8px;
}
.story-2 li .con {
  background: url("../images/pot.png") no-repeat scroll 3px 7px;
  padding-bottom: 20px;
  padding-left: 22px;
}
.story-2 li .pot {
  background: url("../images/circle.png") no-repeat scroll 0 0;
  height: 11px;
  left: -6px;
  position: absolute;
  top: 0;
  width: 11px;
}
.story_2{ widows:757px;}
.story_2 .title{ font-size:13px; margin-bottom:55px;}
.story_2 li{ overflow:hidden; margin-bottom:30px;}
.story_2 li .left {
	text-indent:25px;
  float: left;
  width: 99px;
}
.story_2 li .right {
  float: left;
  width: 658px;
}
.story_2 li .right .map{ margin-top:20px; margin-bottom:15px;}
.story_2 li .right .links{ overflow:hidden;}
.story_2 li .right .links .qcode{ overflow:hidden; float:left;}
.story_2 li .right .links .qcode .pic {
  float: left;
  margin-right: 10px;
}
.story_2 li .right .links .qcode .tit {
  line-height: 20px;
  float:left;
}
.story_2 li .right .links .link {
  float: right;
}
.story_2 li .right .links .link a {
  background: none repeat scroll 0 0 #e5e5e5;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  margin-top: 7px;
  text-align: center;
  width: 94px;
}
.story_2 li.no1{ margin-bottom:75px;}
.story_2 li.no1 .left{ background:url(../images/bar1.png) no-repeat 0 2px;}
.story_2 li.no2 .left{ background:url(../images/bar2.png) no-repeat 0 2px;}
.story_2 li.no3 .left{ background:url(../images/bar3.png) no-repeat 0 2px;}
.story_2 li.no4 .left{ background:url(../images/bar4.png) no-repeat 0 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
.story_2 li.no1 .left{ background:url(../images/bar1.png) no-repeat 0 0px;}
.story_2 li.no2 .left{ background:url(../images/bar2.png) no-repeat 0 0px;}
.story_2 li.no3 .left{ background:url(../images/bar3.png) no-repeat 0 0px;}
.story_2 li.no4 .left{ background:url(../images/bar4.png) no-repeat 0 0px;}

}  /*chrome and safari*/

.story_3{ width:550px;}
.story_3 .tit {
  font-size: 13px;
}
.story_3 .con {
  line-height: 22px;
  margin-bottom: 45px;
}
.story_3 .line {
  background: none repeat scroll 0 0 #000;
  height: 1px;
  margin: 10px 0;
  width: 15px;
}
.story_3 .Reportway {
  background:url("../images/pic3.png") no-repeat 0 0;
  padding-left:147px;
  margin-top:75px;
}
.story_3 .Reportway .title{ font-size:13px;}
.story_3 .Reportway .content li{ margin-bottom:20px;}
.story_3 .Reportway .content li .left {
  display: inline-block;
  width: 50px;
}

.story_3_2{ width:550px;}
.story_3_2 .tit{font-size: 13px;}
.story_3_2 .redt{ color:#A81313; margin-top:15px;}
.story_3_2 .line{ width:20px; height:1px; background:#000; margin:25px 0;}
.story_3_2 .inputs{ padding-bottom:1px;background: url("../images/border.png") repeat-x scroll 0 bottom; margin-bottom:35px;}
.story_3_2 .inputs li {
  background: url("../images/border.png") repeat-x scroll 0 0;
  overflow: hidden;
  padding: 8px 0 7px;
}
.story_3_2 .inputs li .text {
  color: #313131;
  float: left;
  font-size: 13px;
  height: 27px;
  line-height: 30px;
  width: 130px;
}
.story_3_2 .inputs li .ipt input {
	width:253px;
	height:23px;
	border:1px solid #979797;
}
.story_3_2 .inputs li .ipt.upload input {
  border: medium none;
}
.story_3_2 .inputs li .ipt textarea {
  border: 1px solid #979797;
  height: 100px;
  resize: none;
  width: 253px;
}
.story_3_2 .button{ text-align:right;}
.story_3_2 .button input {
  background: none repeat scroll 0 0 #e5e5e5;
  border: medium none;
  height: 25px;
  margin-left: 5px;
  width: 96px;
}





.story_3_3 .Agreement {
  border: 1px solid #c2c2c2;
  box-shadow: 6px 6px 0 0 #c2c2c2;
  line-height: 22px;
  padding: 55px;
  width: 637px;
}
.story_3_3 .Reportway {
  background:url("../images/pic3.png") no-repeat 0 0;
  padding-left:147px;
  margin-top:75px;
}
.story_3_3 .Reportway .title{ font-size:13px;}
.story_3_3 .Reportway .content li{ margin-bottom:20px;}
.story_3_3 .Reportway .content li .left {
  display: inline-block;
  width: 50px;
}
.story_3_3 .download{ text-align:right; margin-top:30px;}
.story_3_3 .download a{ background:#E5E5E5; height:33px; width:92px; display:inline-block; line-height:33px; text-align:center;}
.story_3_1{ width:550px;}
.story_3_1 .tit{font-size:13px;}
.story_3_1 .con{ text-align:justify; line-height:22px; margin-bottom:45px;}
.story_3_1 .line{ margin:10px 0; width:15px; height:1px; background:#000;}


.story_1{width:565px;}
.story_1>h4{margin-top: 0;/* display: inline; *//* width:561px; *//* float: left; */}
.story_1 div p{margin-top: 5px;line-height: 20px; /*width: 470px; display: inline;float: left;*/}
.story_1 div p strong{display:block;margin-top:20px;}
.story_1 div{/* width: 89px; */float: left;padding-left: 2px;}
.story_1 table{width:100%;margin:20px 0;}
.chat{display: inline;margin-left: 156px;}
.chat img{margin-right: 5px;}

.search-info{width: 148px;/*float: left;*/margin-left: 608px;}
.search-info .info{width: 100%;border-top:1px solid #000000;}
.search-info .title{margin:10px 0;}
.search-info .title span{padding-left:10px;}
.search-info select{border: 1px solid #979797;width: 147px;height: 25px;color: #9f9f9f;margin-bottom: 10px;}
.search-info .enent input{width: 70px;height: 25px;background:#e5e5e5;border: none;margin-left: 77px;margin-top: 5px;margin-bottom: 35px;}
.search-info p{margin-bottom: 30px;line-height: 20px;}
.search-info p:last-child{margin-bottom: 0px;}


.story_1-1{width: 552px;}
.story_1-1 .type{width: 114px;float: left;}
.story_1-1 .type li{color: #c6c6c6;margin-bottom: 15px;}
.story_1-1 .type li:hover,.story_1-1 .detail li:hover,input[type=button]:hover{cursor: pointer;}
.story_1-1 .type li.hover{border:1px solid #adadad;color: inherit;text-align: center;padding: 10px  0px;width:114px;margin-left: -5px;}
.story_1-1 .detail{width: 393px;float: left;margin-left: 45px;display: none;}
.story_1-1 .detail li{border-bottom: 1px solid #d1d1d1;padding: 10px 0;}
.story_1-1 .detail li span{float: right;}
.story_1-1 .detail li:first-child{border-top: 1px solid #d1d1d1;}
.story_1-1 .detail li .content{padding-top: 20px;display: none;}
.story_1-1 .detail .content div{float: left;width:33%;/*margin-right: 46px;*/margin-bottom: 15px;/*display: block;*/display: none;}
.story_1-1 .detail .content div:nth-child(3n){margin-right: 0px;}
.story_1-1 .detail .content p{width: 100%;float: left;margin-bottom: 25px;}
.story_1-1 .detail .content input{background: #e5e5e5;width: 95px;height: 25px;border: none;margin-bottom: 25px;}
.story_1-1 .detail .content h3{width: 100%;float: left;margin-bottom: 5px;}

.story_1-2{width: 748px;}
.story_1-2 .type{width: 100px;float: left;margin-top: 20px;margin-right: 33px;}
.story_1-2 .type li{  padding: 13px 0;}
.story_1-2 .type li.hover{padding: 10px;border: 1px solid #adadad;margin-left:-10px;}
.story_1-2 .type li:hover,.story_1-2 .content1 .recruit_img li:hover,.offer_content .close:hover{cursor: pointer;}
.story_1-2 .content{width: 615px;float: left;}
.story_1-2 .content p{margin-bottom: 25px;}
.story_1-2 .content h3{margin:30px 0px 25px 0px}
.story_1-2 .content input,.story_1-2 .content1 input{width: 108px;height: 25px;background: #e5e5e5;border: none;}
.story_1-2 .content1{width: 615px;float: left;display: none;}
.story_1-2 .content1 h3,.story_1-2 .content1 p{margin-bottom: 25px;}
.story_1-2 .content1 .recruit_img li{width: 278px;height: 190px;background: #b2b2b2;margin-right: 59px;margin-bottom:52px;float: left;*margin-right: 25px;}
.story_1-2 .content1 .recruit_img li:nth-child(2n){margin-right: 0px;}
.story_1-2 .content1 .page{float: right;}
.story_1-2 .content1 .slider{position: relative;}
.story_1-2 .content1 .slider .banner_index{width: 615px;position: relative;height: 456px;overflow:hidden;}
.story_1-2 .content1 .slider .banner_index .banner_wrap{position: absolute;top: 0px;left: 0px;z-index: 2;}
.story_1-2 .content1 .slider .banner_index .banner_wrap li{width: 615px;height: 456px;float: left;}
.story_1-2 .content1 .slider .banner_index .banner_wrap li img{width: 615px;height: 421px;}
.story_1-2 .content1 .slider .banner_index .banner_wrap li .con-tit{margin-top: 20px;}
.story_1-2 .content1 .indexBanner_num {top: 435px;margin: 0 auto;padding: 15px 0;position: absolute;right: 2px;z-index: 99;}
.story_1-2 .content1 .indexBanner_num a.on{background: url("../images/c.png") no-repeat}
.story_1-2 .content1 .indexBanner_num a {background: url("../images/n.png") no-repeat;display: inline-block;font-size: 0;height: 7px;line-height: 0;margin-left: 10px;width: 7px;}
.story_1-2 .content1 .staff{width: 614px;margin-bottom: 33px;float: left;}
.story_1-2 .content1 .img{width: 149px;float: left;}
.story_1-2 .content1 .brief{width: 435px;float: left;margin-left: 30px;}
.story_1-2 .content1 .brief p{margin-bottom: 40px;line-height: 20px;}

.offer_entrance{width: 100%;background: #333333;position:fixed;top:0;left:0;height:100%;z-index: 100;opacity:0.9;display: none;}
.offer_content{width: 510px;height: 394px;background: #ffffff;/*position: absolute;top: 223px;left: 550px;*/opacity: 1;padding-left: 55px;/*display: none;*/z-index: 999;overflow:hidden;}
.offer_content .close{float: right;margin-top: 20px;margin-right: 20px;}
.offer_content .file{margin-top: 85px;}
.offer_content .btn input{background: #e5e5e5;width: 110px;height: 40px;border: none;margin-top: 30px;}
.offer_content .btn input:hover{cursor: default;}
.offer_content .line{width: 400px;height: 1px;background: #7f7f7f;margin: 28px 0 37px 0;}
.offer_content input[type=text]{width: 243px;height: 26px;border: 1px solid #b1b1b1;}
.offer_content .fileimg{position: relative;left: -84px;top: -2px;z-index: 10;}
.offer_content input[type=file]{background:#ffffff;width: 87px;height: 30px;border: none;margin-left: 0px;opacity: 0;z-index: 9;position:relative;top:-6px}

.img_banner{position:relative;margin-bottom: 15px;}
.img_banner .hd{/* position:absolute; */bottom:10px;right:20px;z-index:1;margin-top: 14px;}
.img_banner .hd ul{font-size:0;text-align:right;}
.img_banner .hd li{display:inline-block;box-sizing:border-box;width:4px;height:4px;border-radius:50%;background:#a4a4a4;overflow:hidden;cursor:pointer;margin:0 5px;text-indent: 23px;}
.img_banner .hd li.on{background:#000;}
