/*CHICabbr015*/
body {
 background-color: #fff;
 height: 100%;
}
/*header*/
.header {
 display: block;
 width: 100%;
}

/*header-tips*/
.header .header-tips {
 display: block;
 width: 100%;
 height: 30px;
 line-height: 30px;
 background-color: #fff;
 border-bottom: 1px solid #dedede;
 clear: both;
}
.header .header-tips a {
 display: inline-block;
 float: left;
 height: 16px;
 line-height: 16px;
 margin: 7px 0;
 padding: 0 10px;
 color: #666;
 border-left: 1px solid #dedede;
}
.header .header-tips a:first-child {
 border-left: none;
}


/*header-images*/
.header .header-images {
 display: block;
 width: 100%;
 height: 544px;
 background: url(header-images2.jpg) top center no-repeat;
 background-size:100%;
}
@media screen and (min-width:1200px){
 .header .header-images {
  height: 544px !important;
 }
}

@media screen and (max-width:1024px){
 .header .header-images {
  height: 498px !important;
 }
}

/*header-navbar*/
.header .header-navbar {
 width: 100%;
 height: 60px;
 background-color: #000;
}
.header .header-navbar nav {
 display: table;
 width: 100%;
 height: 60px;
}
.header .header-navbar nav a {
 display: table-cell;
 width: 20%;
 height: 60px;
 vertical-align: middle;
 text-align: center;
 font-size: 22px;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 color: #fff;
 background-color: #000;
 text-decoration: none;
}
.header .header-navbar nav a:hover,
.header .header-navbar nav a.active {
 background-color: #CA1618;
 color: #fff;
}


/*carousels*/
.carousels {
 display: block;
 width: 100%;
 height: 360px;
 min-height: 360px;
 max-height: 360px;
 margin: 30px 0;
}


/*exhibition-guide*/
.exhibition-guide {
 display: block;
 width: 100%;
 height: 360px;
 min-height: 360px;
 max-height: 360px;
 clear: both;
}
.exhibition-guide:before,
.exhibition-guide:after {
 content: '';
 clear: both;
}
.exhibition-guide > h3 {
 display: block;
 height: 30px;
 line-height: 20px;
 margin: 0; padding: 0;
 font-size: 22px;
 font-family:"΢ÈíÑźÚ","microsoft yahei",sans-serif;
 border-bottom: 3px solid #fa9d00;
}
.guide-menu {
 display: block;
 list-style: none;
 height: 330px;
 width: 82.5px;
 margin: 0; padding: 0;
 text-align: center;
 float: left;
}
.guide-menu > li {
 display: block;
 width: 82.5px;
 height: 82.5px;
 padding-top: 10px;
 background-color: #fff;
}

.guide-menu > li i.iconfont {
 font-size: 32px !important;
}

.guide-menu > li:hover,
.guide-menu > li.active {
 background-color: #fa9d00;
 color: #fff;
 cursor: pointer;
}

/*.guide-tank*/
.guide-tank {
 display: block;
 width: 276px;
 height: 330px;
 float: left;
 overflow: hidden;
}
.guide-page {
 display: none;
 width: 276px;
 height: 330px;
 float: left;
}
@media screen and (min-width:1200px){
 .guide-tank {
  width: 276px;
 }
 .guide-page {
  width: 276px;
 }
}

@media screen and (max-width:1024px){
 .guide-tank {
  width: 210px;
 }
 .guide-page {
  width: 210px;
 }
}

.news-list {
 display: none;
 margin: 0; padding: 10px;
 list-style: none;
}
.news-list.active {
 display: block;
}
.news-list dt {
 display: block;
 width: 100%;
}
.news-list dt a {
 display: block;
 width: 100%;
}
.news-list dt a img {
 width: 100%;
}
.news-list dd {
 display: block;
 width: 100%;
}
.news-list dd.fix-padding {
 padding: 10px 0;
 word-break: break-all;
 text-indent: 20px;
}

.news-list dd a {
 display: block;
 width: 100%;
 height: 30px;
 line-height: 30px;
 background-color: #fff;
 border-bottom: 1px dotted #dedede;
}
.news-list dd a:before {
 content: '¡ö';
 display: inline-block;
 margin-right: 10px;
 color: #fa9d00;
}
.news-list dd a {
 color: #555;
}
.news-list dd > span {
 font-size: 14px;
 height: 36px;
 line-height: 36px;
}
.news-list dd span > i.fa {
 font-size: 18px;
 color: #fa9d00;
 display: inline-block;
 width: 20px;
 text-align: right;
 margin-right: 10px;
}
.news-list dd span > i.fa-map-marker {
 padding-right: 3px;
}

#allmap {
 height: 250px;
}
.news-list dt iframe {
 display: block;
 margin: 10px auto;
}

/* infield */
.infield {
 display: block;
 width: 100%;
 margin: 30px 0;
}

.infield p {
 text-indent: 28px;
 font-size: 14px;
 padding: 10px 0;
}


/* infield-photos */
.infield-photos {
 display: block;
 width: 100%;
}

.infield-photos-single {
 display: inline-block;
 width: 261px;
 height: 260px;
 position: relative;
 float: left;
 margin: 12px;
}
.infield-photos-single img {

 position: absolute;
 top: 0; left: 0;
}
.infield-photos-single span {
 display: block;
 width: 260px;
 height: 30px;
 line-height: 30px;
 font-size: 14px;
 background-color: #fa9d00;
 color: #fff;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 text-align: center;
 position: absolute;
 bottom: 0; left: 0;
}
.infield-photos-single:hover span {
 background-color: rgba(0,0,0,.6);
}
@media screen and (min-width:1200px){
 .infield-photos-single {
  width: 260px;
  height: 260px;
 }
 .infield-photos-single img {
  width: 260px;

 }
 .infield-photos-single span {
  width: 260px;
 }
}
@media screen and (max-width:1024px){
 .infield-photos-single {
  width: 260px;
  height: 260px;
 }
 .infield-photos-single img {
  width: 260px;
  height: 260px;
 }
 .infield-photos-single span {
  width: 260px;
 }
}

/* dialogue */
.dialogue {
 display: block;
 width: 100%;
 margin: 30px 0;
 margin-top: 50px;
 margin-bottom: 40px;
 position: relative;
}
.dialogue-holder {
 display: block;
 border: 1px solid #000;
 min-height: 380px;
}
.dialogue-holder .col-lg-12.col-md-12.col-sm-12 {
 padding: 30px;
}
.dialogue-holder .dialogue-holder-box {
 display: table;
 width: 100%;
}
.dialogue-holder-box .dialogue-photo,
.dialogue-holder-box .dialogue-intro,
.dialogue-holder-box .dialogue-liste {
 display: table-cell;
 vertical-align: top;
 text-align: left;
}
.dialogue-holder-box .dialogue-photo {
 width: 30%;
 vertical-align: bottom;
 text-align: center;
 position: relative;
 text-decoration: none;
 outline: none;
}
.dialogue-holder-box .dialogue-photo img {
 width: 100%;
 position: relative;
}
.dialogue-holder-box .dialogue-photo .dialogue-photo-caption {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 background-color: rgba(0,0,0,.6);
 color: #fff;
 font-family: "\5FAE\8F6F\96C5\9ED1";
 padding: 27px 0;
}
.dialogue-holder-box .dialogue-intro {
 padding:0 20px;
 width: 40%;
}
.dialogue-holder-box .dialogue-liste {
 width: 30%;
 padding-top: 30px;
 position: relative;
}
.dialogue-liste .dialogue-list-prve,
.dialogue-liste .dialogue-list-next {
 display: block;
 width: 100%;
 position: absolute;
 left: 0;right: 0;
 height: 30px;
}
.dialogue-liste .dialogue-list-prve {
 top:0px;
}
.dialogue-liste .dialogue-list-next {
 bottom:0px;
}
.dialogue-liste .dialogue-list-prve:before,
.dialogue-liste .dialogue-list-next:before {
 content: '';
 font-family:'FontAwesome';
 text-align: center;
 display: block;
 width: 100%;
 cursor: pointer;
 color: 999;
 font-size: 28px;
}
.dialogue-liste .dialogue-list-prve:before {
 content: '\f077';
}
.dialogue-liste .dialogue-list-next:before {
 content: '\f078';
}
h3.subject-title {
 display: block;
 padding: 5px 0;
 text-align: center;
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIAQAAAAD2SGOoAAAAE0lEQVR42mMoYHjAcIFhAwOUBgArsAWhqaMy8AAAAABJRU5ErkJggg==) center center repeat-x;
}
h3.subject-title-b {
 display: block;
 width: 100%;
 padding: 5px 0;
 text-align: center;
 position: absolute;
 top:-42px;
 left: 1px;
}
h3.subject-title-b.fix {
 position: relative !important;
 top: 0; left:0;
}
h3.subject-title span,
h3.subject-title-b span {
 font-size: 26px;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 background-color: #fff;
 padding: 2px 30px;
}
h3.subject-title span em,
h3.subject-title-b span em {
 color:#c31212;
 font-style: normal;
 font-weight: 900;
 font-size: 28px;
}

.dialogue-intro-person {
 display: block;
 width: 100%;
 height: 60px;
 border-left: 6px solid #fa9d00;
 padding-left: 10px;
}
.dialogue-intro-person h3 {
 margin: 0; padding: 0;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 font-size: 28px;
 height: 30px;
 line-height: 30px;
 color: #494949;
}
.dialogue-intro-person h5 {
 margin: 0; padding: 0;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 font-size: 18px;
 height: 30px;
 line-height: 30px;
 color: #494949;
}
.dialogue-intro-signature {
 display: block;
 margin: 20px 0; padding: 10px 0;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 color: #fff;
 background-color: #282828;
 text-align: center;
}

.dialogue-intro-docment {
 display: block;
 border: 1px dotted #000;
 position: relative;
 padding: 15px;
 min-height: 170px;
 text-indent: 24px;
}
/*.dialogue-intro-docment:before {
 content: '\f0d7';
 font-family: 'FontAwesome';
 display: block;
 width: 100%;
 text-align: center;
 font-size: 60px;
 color: #000;
 position: absolute;
 top: -43px;
 left: 0;
}*/

.dialogue-liste {
 width: 100%;
}
.dialogue-liste:after,
.dialogue-liste:before {
 content: '';
 clear: both;
}
.dialogue-liste a {
 display: inline-block;
 width: 100px;
 height: 100px;
 float: left;
 position: relative;
 color: #fff;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
}
.dialogue-liste a img {
 display: block;
 width: 100px;
 height: 100px;
 position: relative;
}
.dialogue-liste a > div {
 display: none;
 width: 100px;
 height: 100px;
 background-color:rgba(250,155,0,.8) ;
 position: absolute;
 top: 0; left: 0;
}
.dialogue-liste a:hover > div {
 display: block;
 cursor: pointer;
}
.dialogue-liste a > div h3 {
 height: 32px;
 line-height: 32px;
 margin: 0; padding: 0;
 margin-top: 35px;
 display: block;
 width: 100%;
 text-align: center;
 font-size: 20px;
}
.dialogue-liste a > div h5 {
 height: 32px;
 line-height: 32px;
 margin: 0; padding: 0;
 display: block;
 width: 100%;
 text-align: center;
 font-size: 16px;
}

@media screen and (min-width:1200px){
 .dialogue-liste a {
  margin:20px 15px;
 }
 .dialogue-holder-box .dialogue-intro {
  width:40%;
 }
 .dialogue-holder-box .dialogue-liste {
  width: 22%;
 }
}
@media screen and (max-width:1024px){
 .dialogue-liste a {
  margin:20px 15px;
 }
 .dialogue-holder-box .dialogue-intro {
  width:35%;
 }
 .dialogue-holder-box .dialogue-liste {
  width: 26%;
 }
}

/* scene-menu */
.scene-menu {
 display: block;
 width: 100%;
 height: 100px;
 border-top: 5px solid #000;
 background-color: #f1f1f1;
 padding:20px 25% 0 25%;
}
.scene-menu a {
 display: inline-block;
 border: 8px solid #ededed;
 background-color: #fff;
 padding:4px 8px;
 box-shadow: 0 1px 1px rgba(0,0,0,.4);
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 font-size: 18px;
 color: #000;
 text-decoration: none;
 margin-left: 40px;
}
@media screen and (min-width:1200px){
 .scene-menu a {
  margin-left: 60px !important;
 }
}
@media screen and (max-width:1024px){
 .scene-menu a {
  margin-left: 40px !important;
 }
}
.scene-holder .col-lg-12.col-md-12.col-sm-12,
.scene-holder .row,
.recruitment-holder .col-lg-12.col-md-12.col-sm-12,
.recruitment-holder .row,
.review-holder .col-lg-12.col-md-12.col-sm-12,
.review-holder .row,
.planning-holder .col-lg-12.col-md-12.col-sm-12,
.planning-holder .row  {
 padding: 0 !important;
}
.carousel {
 display: block;
 width: 100%;
 height: 400px;
 min-height: 400px;
 max-height: 400px;
 margin-bottom: 50px;
}
.carousel.lite {
 display: block;
 width: 100%;
 height: 200px;
 min-height: 200px;
 max-height: 200px;
 margin-bottom: 10px;
}
.carousel-control {
 background-image: none !important;
 background-color: rgba(0,0,0,.6);
 width: 4%;
 height: 70px;
 top:45%;
}
.carousel.lite .carousel-control {
 background-image: none !important;
 background-color: rgba(0,0,0,.6);
 width: 4%;
 height: 70px;
 top:32.5%;
}

.pic-holder {
 display: table;
 width: 100%;
 height: 400px;
}
.pic-holder > div {
 display: table-cell;
 height: 400px;
}
.pic-holder > div:nth-child(1) {
 width: 30%;
 padding-right: 10px;
 padding-top:5px;
 padding-bottom: 5px;
 vertical-align: middle;
 text-align: center;
}
.pic-holder > div:nth-child(2) {
 width: 40%;
 vertical-align: middle;
 text-align: center;
}
.pic-holder > div:nth-child(3) {
 width: 30%;
 padding-left: 10px;
 vertical-align: middle;
 text-align: center;
 padding-top:5px;
 padding-bottom: 5px;
}
.pic-holder > div:nth-child(1) a,
.pic-holder > div:nth-child(3) a {
 display: block;
 width: 100%;
 height: 400px;
}
.pic-holder > div:nth-child(1) a img,
.pic-holder > div:nth-child(3) a img {
 width: 100%;
 height: 100%;
}
.pic-holder div:nth-child(2) > div {
 display: block;
 width: 100%;
 height: 50%;
}
.pic-holder div:nth-child(2) > div:nth-child(1) a {
 display: block;
 width: 100%;
 height: 200px;
 padding-top: 3px;
}
.pic-holder div:nth-child(2) > div:nth-child(1) a img {
 height: 100%;
 width: 100%;
}
.pic-holder div:nth-child(2) > div:nth-child(2) {
 display: table;
 width: 100%;
 height: 200px;
}
.pic-holder div:nth-child(2) div:nth-child(2) > a {
 display: table-cell;
 width: 50%;
 height: 200px;
 vertical-align: middle;
 text-align: center;
}
.pic-holder div:nth-child(2) div:nth-child(2) > a:nth-child(1) {
 padding-right:5px;
}
.pic-holder div:nth-child(2) div:nth-child(2) > a:nth-child(2) {
 padding-left:5px;
}
.pic-holder div:nth-child(2) div:nth-child(2) > a img {
 height: 100%;
 width: 100%;
}
h3.subject-title-c {
 display: block;
 width: 100%;
 height: 37px;
 line-height: 37px;
 text-align: center;
 font-family: "΢ÈíÑźÚ","microsoft yahei",sans-serif;
 color: #fff;
 margin-bottom: 0;
}
h3.subject-title-c span {
 padding: 5px 10px;
 font-size: 20px;
 background-color: #fa9d00;
 position: relative;
}
h3.subject-title-c span:before {
 position: absolute;
 content: "";
 top: 0;
 left: -37px;
 border-bottom: 0 solid transparent;
 border-right-width: 37px;
 border-right-color: #fa9d00;
 border-right-style: solid;
 border-top: 37px solid transparent;
 border-left: 0 solid transparent;
 width: 0;
 height: 0;
}
h3.subject-title-c span:after {
 position: absolute;
 content: "";
 top: 0;
 right: -37px;
 border-bottom: 0 solid transparent;
 border-left-width: 37px;
 border-left-color: #fa9d00;
 border-left-style: solid;
 border-top: 37px solid transparent;
 border-right: 0 solid transparent;
 width: 0;
 height: 0;
}
.recruitment-boxer {
 background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAEElEQVR42mNgGGzg0qVL/wEI9wN2OKJkUwAAAABJRU5ErkJggg==) repeat;
 min-height: 500px;
}
.recruitment-adsence {
 display: block;
 width: 100%;
 height: 86px;
 margin: 52px 5%;
 padding: 0;
 list-style: none;
}
.recruitment-adsence:before,
.recruitment-adsence:after {
 content: '';
 clear: both;
}
.recruitment-adsence li {
 display: inline-block;
 width: 148px;
 height: 86px;
 float: left;
 border:1px solid #000;
 margin-right: 2px;
}
.recruitment-adsence li:last-child {
 margin-right: 0;
}
.recruitment-adsence li a {
 display: block;
 width: 146px;
 height: 84px;
}

@media screen and (min-width:1200px){
 .carousel.lite {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
 }
 .recruitment-adsence {
  height: 86px;
 }
 .recruitment-adsence li {
  width: 148px;
  height: 86px;
 }
 .recruitment-adsence li a {
  width: 146px;
  height: 84px;
 }
}
@media screen and (max-width:1024px){
 .carousel.lite {
  height: 86px;
  min-height: 86px;
  max-height: 86px;
 }
 .recruitment-adsence {
  height: 86px;
 }
 .recruitment-adsence li {
  width: 122px;
  height: 86px;
 }
 .recruitment-adsence li a {
  width: 112px;
  height: 86px;
 }
}

.recruitment-adsence li a img {
 width: 100%;
 height: 100%;
}
.recruitment-company {
 display: block;
 width: 90%;
 margin: 0 5% 20px 5%;
 padding: 0;
 list-style: none;
}
.recruitment-company a {
 display: inline-block;
 width: 24.5%;
 height: 30px;
 line-height: 30px;
 font-size: 14px;
 color: #555;
 text-align: center;
}

.planning-boxer {
 display: table;
 width: 100%;
 height: 200px;
 margin: 5px 0;
 margin-bottom: 35px;
 border: 1px solid #161616;
}
.planning-boxer > div {
 display: table-cell;
 height: 200px;
}
.planning-boxer > div:nth-child(1) {
 width: 5%;
 background-color: #161616;
 color: #fff;
 font-size: 30px;
 text-align: center;
 vertical-align:middle;
}
.planning-boxer > div:nth-child(2) {
 width: 20%;
 background: #fff url(tbch.png) center center no-repeat;
}
.planning-boxer > div:nth-child(3),
.planning-boxer > div:nth-child(4) {
 width: 30%;
 vertical-align: middle;
 text-align: center;
}
.planning-boxer > div:nth-child(3) {
 border-right: 1px solid #000;
}
.planning-boxer > div:nth-child(3) span {
 display: block;
 width: 100%;
 height: 35px;
 line-height: 35px;
 text-align: left;
}
.planning-boxer > div:nth-child(4) span {
 display: block;
 width: 100%;
 height: 35px;
 line-height: 35px;
 text-align: left;
 padding-left: 90px;
}
.planning-boxer > div:nth-child(5) {
 width: 15%;
 background: #fff url(qrcode.jpg) center center no-repeat;
}
footer {
 text-align: center;
}
.lockbottom {
 display: block;
 width: 60px;
 height: 195px;
 position: fixed;
 right: 5px; bottom: 5px;
 list-style: none;
 margin: 0; padding: 0;
}
.lockbottom > li {
 display: block;
 width: 60px;
 height: 60px;
 background-color: #737373;
 color: #fff;
 margin-bottom: 5px;
}
.lockbottom > li > a {
 display: block;
 width: 100%;
 font-size: 40px;
 text-align: center;
 padding:10px 5px;
 color: #fff;
 text-decoration: none;
 position: relative;
 cursor: pointer;
}
.lockbottom > li > div {
 display: none;
 width: 260px;
 height: 260px;
 border: 1px solid #000;
 position: absolute;
 left:-270px; top: -70px;
 z-index: 1;
}
.lockbottom > li > a:hover ~ div {
 display: block;
}


table {
border-collapse: collapse;
border-spacing: 0;
}
td {
padding: 0;
margin: 0;
}