/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}




img {
  max-width: 100%;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding:75px 0 80px 0;
  background:#f5f5f5;
  overflow:hidden;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #ddd;
  margin-top:180px;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #ff8400;
}
.cd-timeline-img.cd-movie {
  background: #ff8400;
}
.cd-timeline-img.cd-location {
  background: #ff8400;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 14px;
    height: 14px;
    left: 50%;
	top:20px;
    margin-left: -7px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  /* box-shadow: 0 3px 0 #d7e4ed; */
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
	font-size:16px;
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size:14px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;  
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 16px;
  }
  .cd-timeline-content p {
    font-size: 12px;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 2px;
    font-size: 18px;
	color:#ff8400
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}



/**加入我们***/
.filter-form-content .button, .filter-form-content .input{ height:40px; line-height:16px;padding:12px 0;border:none;background-color:#fff;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;border-radius:2px;margin:0;text-indent:1rem;font-size:1.4rem;outline:0; overflow:hidden;}
.filter-form-content .button{
    background: url(../images/icon-search.png) center no-repeat #eb0028;
}
.list-container{max-width:1200px;margin:0 auto;padding:3rem 0;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between}
.list-container .filter-form{width:26.66667%;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}
.list-container .filter-form .filter-form-content{padding:30px 0 0}
.list-container .filter-form.fixed{position:relative}
.list-container .filter-form.fixed .filter-form-content{position:fixed;top:0;z-index:99;background-color:#fff}
.list-container .filter-form dl{padding:0 20px 0px 20px}
.list-container .filter-form dl dt{font-size:14px;line-height:26px;color:#999;margin-bottom:1.5rem}
.list-container .filter-form dl dd{text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem}
.list-container .filter-form dl dd input,.list-container .filter-form dl dd select{background-color:#f3f3f3}
.list-container .filter-form dl dd select{width:100%}
.list-container .filter-form dl dd input{width:80%}
.list-container .filter-form dl dd button{width:16%}
.list-container .filter-form dl dd:nth-of-type(1){margin:2rem 0 2.5rem}

.list-container .filter-form .contact-box{background-position:12% center;background-repeat:no-repeat;background-color:#f9f9f9;background-image:url(../../img/career/list/question-icon.png);background-size:34px;padding:3rem 0 3rem 87px;text-align:left}
.list-container .filter-form .contact-box p{font-size:12px;line-height:24px}
.list-container .filter-form .contact-box p a{font-size:14px;color:#09c}
@media screen and (max-width:641px){
	.list-container .filter-form .contact-box{padding-left:9.5rem}}
.list-container .list-content{width:71.66667%;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:13px 30px 60px;min-height:700px}
.list-container .list-content table{width:100%}
.list-container .list-content table thead th{font-size:14px;line-height:26px;color:#999;border-bottom:2px solid #ddd;height:60px;text-align:left;text-indent:2rem}
.list-container .list-content table thead th:nth-of-type(1){width:43.75%}
.list-container .list-content table thead th:nth-of-type(2){width:28.75%}
.list-container .list-content table thead th:nth-of-type(3){width:20%}
.list-container .list-content table tbody tr td{font-size:14px;line-height:26px;color:#222;border-bottom:2px solid #f4f4f4;height:60px;text-align:left;text-indent:2rem;cursor:pointer}
.list-container .list-content table tbody tr td i{font-size:12px;cursor:pointer; font-style:normal; }
.list-container .list-content table tbody tr td .detail-div{display:none}
.list-container .list-content table tbody tr td .career-title{margin-right:.5rem}
.list-container .list-content table tbody tr td .label-type{display:inline-block;border:1px solid #ccc;text-align:center;padding:0 .5rem;text-indent:0;color:#999;line-height:18px;font-size:1.2rem}.list-container .list-content table tbody tr td .require{text-indent:3rem;padding:2rem 0 0;word-break:break-all}
.list-container .list-content table tbody tr td .require dt{font-size:14px;line-height:26px;color:#222;margin-bottom:1rem}
.list-container .list-content table tbody tr td .require dd{font-size:14px;line-height:26px;color:#666;text-indent:0;padding-left:3rem}
.list-container .list-content table tbody tr td .ptn-box{padding-left:1rem;margin:3rem 0 4rem}
.list-container .list-content table tbody tr td .ptn-box a{display:inline-block;width:200px;height:50px;line-height:50px;text-align:center;cursor:pointer;font-size:14px;background:#eb0028;color:#fff;border:1px solid #d70226;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-transition:color .15s ease 0s;-o-transition:color .15s ease 0s;-webkit-transition:color .15s ease;-webkit-transition-delay:0s;transition:color .15s ease 0s;position:relative;z-index:1;text-indent:0}
@media screen and (min-width:1025px){
	.list-container .list-content table tbody tr td .ptn-box a:before{position:absolute;top:-1px;left:-1px;width:0;height:52px;background:#d70226;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;content:"";-moz-transition:width .15s ease 0s;-o-transition:width .15s ease 0s;-webkit-transition:width .15s ease;-webkit-transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
	.list-container .list-content table tbody tr td .ptn-box a:hover{color:#fff}
	.list-container .list-content table tbody tr td .ptn-box a:hover:before{width:202px}}
.list-container .list-content table tbody tr td .ptn-box a.no-btn{background:0 0;color:#eb0028}
.list-container .list-content table tbody tr td .ptn-box a.no-btn:before{display:none}
.list-container .list-content table tbody tr td .contact{background-color:#f6f6f6;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;padding:4rem 0;margin:0 3rem 4rem}
.list-container .list-content table tbody tr td .contact dt{font-size:14px;line-height:26px;color:#222;width:100%;margin:0 0 2rem}
.list-container .list-content table tbody tr td .contact dd{font-size:14px;line-height:26px;color:#333;cursor:pointer}
.list-container .list-content table tbody tr td .contact dd:nth-of-type(1):before{content:'';display:inline-block;width:56px;height:45px;background:url(../../img/career/list/icon1.png) center no-repeat;background-size:cover;vertical-align:middle;margin-right:2rem}
.list-container .list-content table tbody tr td .contact dd:nth-of-type(2):before{content:'';display:inline-block;width:49px;height:39px;background:url(../../img/career/list/icon2.png) center no-repeat;background-size:cover;vertical-align:middle;margin-right:2rem}
.list-container .list-content table tbody tr.list-tr:last-child{}
.list-container .list-content table tbody tr.list-tr.active td,.list-container .list-content table tbody tr.list-tr:hover td{background-color:#f4f4f4}
.list-container .list-content table tbody tr.detail-tr{display:none}
.list-container .list-content table tbody tr.detail-tr td{height:0}
.list-container .list-content table tbody tr.detail-tr.active{display:table-row}
.list-container .footer-contact-box{width:100%;display:none}
.list-container .footer-contact-box .contact-box{background-position:12% center;background-repeat:no-repeat;background-color:#f9f9f9;background-image:url(../../img/career/list/question-icon.png);background-size:34px;padding:3rem 0 3rem 87px;text-align:left}
.list-container .footer-contact-box .contact-box p{font-size:12px;line-height:24px}
.list-container .footer-contact-box .contact-box p a{font-size:14px;color:#09c}
@media screen and (max-width:641px){
	.list-container .footer-contact-box .contact-box{padding-left:9.5rem}
	.list-container{-webkit-flex-direction:column;flex-direction:column;padding:0rem 0}
	.list-container .filter-form{width:100%;padding-bottom:0rem}
	.list-container .filter-form dl{padding-bottom:10px}
	.list-container .filter-form .contact-box{display:none}
	.list-container .list-content{width:100%;min-height:0;padding-left:20px;padding-right:20px;padding-bottom:40px;margin-top:-1px}
	.list-container .list-content table thead th{text-indent:1rem}
	.list-container .list-content table tbody tr td{text-indent:0rem;padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;line-height:22px}
	.list-container .list-content table tbody tr td:last-child{padding-left:.5rem}
	.list-container .list-content table tbody tr td .require{text-indent:0rem;padding-left:1rem}
	.list-container .list-content table tbody tr td .require dd{margin-bottom:.5rem;padding-left:0rem}
	.list-container .list-content table tbody tr td .require dd:before{margin-top:1rem}
	.list-container .list-content table tbody tr td .ptn-box{padding:0 1rem;text-indent:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
	.list-container .list-content table tbody tr td .ptn-box a{width:100%}
	.list-container .list-content table tbody tr td .contact{margin:0 1rem 3rem;padding:3rem 0 2rem}
	.list-container .list-content table tbody tr td .contact dt{text-align:left;padding-left:5rem}
	.list-container .list-content table tbody tr td .contact dd{width:100%;padding-left:4rem;margin-bottom:1rem;text-align:left}
	.list-container .list-content table tbody tr td .contact dd:nth-of-type(1):before{background-size:70%;margin-right:1rem}
	.list-container .list-content table tbody tr td .contact dd:nth-of-type(2):before{margin-right:1rem;background-size:67%;margin-left:.5rem}
	.list-container .footer-contact-box{display:block}}