/*html {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        _filter:none;
    }
*/
.bannerbox {
  height: 439px;
  padding-top: 150px;
}
.bannerbox .banner_ti {
  color: #231815;
  text-align: center;
}
.bannerbox .banner_ti h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  margin-bottom: 20px;
}
.bannerbox .banner_ti h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  text-transform: uppercase;
}
.tabbar {
  border-left: 1px solid #e5e5e5;
  background-color: #fff;
  height: 100px;
  box-shadow: 0 1px 5px #ddd;
  position: relative;
  top: -50px;
}
.tabbar.tabbarW33 li {
  width: 33.33%;
}
.tabbar.tabbarW33 a {
  padding-left: 175px;
  background-position-x: 102px;
}
.tabbar.tabbarW33 li:last-child {
  border-right: none;
}
.tabbar li {
  float: left;
  width: 33.33%;
  border-right: 1px solid #e5e5e5;
  height: 100%;
}
.tabbar a {
  display: block;
  color: #231815;
  padding-left: 182px;
  padding-top: 25px;
  background: url("../img/zye-tab1.png") 105px center no-repeat;
  height: 100%;
  transition: all 0.3s;
  position: relative;
}
.tabbar a:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  left: 50%;
  height: 2px;
  background-color: #ab2020;
  transition: all 0.3s;
}
.tabbar a.icon-gdjs {
  background-image: url("../img/zye-tab2.png");
}
.tabbar a.icon-dsj {
  background-image: url("../img/zye-tab3.png");
}
.tabbar a.icon-shzp {
  background-image: url("../img/zye-tab4.png");
}
.tabbar a.icon-xyzp {
  background-image: url("../img/zye-tab5.png");
}
.tabbar a.icon-whln {
  background-image: url("../img/zye-tab6.png");
}
.tabbar a.icon-ygfc {
  background-image: url("../img/zye-tab7.png");
}
.tabbar a:hover,
.tabbar a.on {
  color: #ab2020;
  background-image: url("../img/zye-tab1on.png");
}
.tabbar a:hover:after,
.tabbar a.on:after {
  left: 0;
  width: 100%;
}
.tabbar a:hover.icon-gdjs,
.tabbar a.on.icon-gdjs {
  background-image: url("../img/zye-tab2on.png");
}
.tabbar a:hover.icon-dsj,
.tabbar a.on.icon-dsj {
  background-image: url("../img/zye-tab3on.png");
}
.tabbar a:hover.icon-shzp,
.tabbar a.on.icon-shzp {
  background-image: url("../img/zye-tab4on.png");
}
.tabbar a:hover.icon-xyzp,
.tabbar a.on.icon-xyzp {
  background-image: url("../img/zye-tab5on.png");
}
.tabbar a:hover.icon-whln,
.tabbar a.on.icon-whln {
  background-image: url("../img/zye-tab6on.png");
}
.tabbar a:hover.icon-ygfc,
.tabbar a.on.icon-ygfc {
  background-image: url("../img/zye-tab7on.png");
}
.tabbar h5 {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.tabbar h4 {
  font-size: 24px;
  font-weight: normal;
}
.titlebar {
  padding-top: 20px;
  padding-bottom: 65px;
  text-align: center;
}
.titlebar.tal {
  text-align: left;
}
.titlebar.tal h4:after {
  left: 0;
  margin-left: 0;
}
.titlebar p {
  font-size: 24px;
  color: #e8e8e8;
  line-height: 24px;
  text-transform: uppercase;
}
.titlebar h4 {
  font-size: 30px;
  line-height: 30px;
  color: #231815;
  font-weight: normal;
  position: relative;
}
.titlebar h4:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #ab2020;
  left: 50%;
  margin-left: -20px;
  bottom: -15px;
}
.dsj-wrap {
  background: url("../img/zye-dsj-bg.jpg") center bottom no-repeat;
  padding-bottom: 230px;
  min-height: 771px;
}
.dsj-box {
  background: #fff url("../img/zye-icon-clock.png") 30px 50px no-repeat;
  padding: 0 107px;
  box-shadow: 0 0 5px #ddd;
  padding-bottom: 40px;
}
.dsj-box .title {
  font-size: 12px;
  color: #999;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 35px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.dsj-list {
  max-height: 650px;
  overflow: auto;
  padding-right: 25px;
/*定义滚动条轨道 内阴影+圆角*/
/*定义滑块 内阴影+圆角*/
}
.dsj-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}
.dsj-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #fff;
}
.dsj-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #e8e8e8;
}
.dsj-list .year {
  font-size: 36px;
  margin-right: 80px;
  line-height: 36px;
}
.dsj-list .yearmain {
  overflow: hidden;
}
.dsj-list .monthbox {
  margin-bottom: 40px;
}
.dsj-list .month {
  font-size: 16px;
  margin-right: 80px;
}
.dsj-list .txtbox {
  width: 430px;
}
.dsj-list .txtbox a {
  display: block;
}
.dsj-list .pic {
  width: 200px;
  height: 130px;
}
.company-intro {
  padding-top: 70px;
  margin-bottom: 80px;
}
.company-intro .videobox {
  width: 587px;
  height: 439px;
  position: relative;
}
.company-intro .videobox:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 106px;
  height: 106px;
  margin-left: -53px;
  margin-top: -53px;
  background: url("../img/zye-icon-video.png") center no-repeat;
  z-index: 10;
  cursor: pointer;
}
.company-intro .intro-txtbox {
  width: 576px;
  height: 300px;
  overflow: hidden;
  font-size: 16px;
  color: #666;
  line-height: 42px;
}
.intro-list {
  padding-bottom: 140px;
}
.intro-list li {
  float: left;
  width: 370px;
  border: 1px solid #eee;
  padding-bottom: 50px;
  box-shadow: 2px 2px 5px #f2f2f2;
  margin-right: 45px;
  transition: all 0.3s;
}
.intro-list li:last-child {
  margin-right: 0;
}
.intro-list li:hover {
  transform: translate(0, -8px);
}
.intro-list .top {
  padding-left: 154px;
  background: url("../img/zye-boxicon1.png") 62px 42px no-repeat;
  padding-top: 74px;
  margin-bottom: 20px;
}
.intro-list .top.icon2 {
  background-image: url("../img/zye-boxicon2.png");
}
.intro-list .top.icon3 {
  background-image: url("../img/zye-boxicon3.png");
}
.intro-list .top .big {
  font-size: 50px;
  color: #ab2020;
  line-height: 50px;
  vertical-align: bottom;
  margin-right: 5px;
}
.intro-list .top .small {
  font-size: 24px;
  line-height: 24px;
  vertical-align: bottom;
}
.intro-list .desc {
  text-align: center;
  font-size: 18px;
  color: #785555;
}
.gudong-list {
  padding: 0 50px;
  padding-bottom: 80px;
}
.gudong-list li {
  float: left;
  margin-right: 170px;
}
.gudong-list li:last-child {
  margin-right: 0;
}
.gudong-list li.on .menu {
  transform: scale(1.1);
  background-image: url("../img/zye-gdbg1.png");
}
.gudong-list li.on .menu.menu2 {
  background-image: url("../img/zye-gdbg2.png");
}
.gudong-list li.on .menu.menu3 {
  background-image: url("../img/zye-gdbg3.png");
}
.gudong-list .menu {
  display: block;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  background: #dda32f url("") center no-repeat;
  font-size: 22px;
  color: #fff;
  padding-top: 65px;
  text-align: center;
  transition: transform 0.3s;
}
.gudong-list .menu:hover {
  transform: scale(1.1);
  background-image: url("../img/zye-gdbg1.png");
}
.gudong-list .menu:hover.menu2 {
  background-image: url("../img/zye-gdbg2.png");
}
.gudong-list .menu:hover.menu3 {
  background-image: url("../img/zye-gdbg3.png");
}
.gudong-list .menu.menu2 {
  background-color: #d46e6e;
}
.gudong-list .menu.menu3 {
  background-color: #5ca4aa;
}
.gudong-list i {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  background: url("../img/zye-gdicon1.png") center no-repeat;
  margin-bottom: 10px;
}
.gudong-list i.icon2 {
  background-image: url("../img/zye-gdicon2.png");
}
.gudong-list i.icon3 {
  background-image: url("../img/zye-gdicon3.png");
}
.gudong-intro {
  padding: 0 50px;
  padding-bottom: 100px;
}
.gudong-intro .title {
  font-size: 22px;
  color: #333;
  margin-bottom: 40px;
}
.gudong-intro .content {
  font-size: 16px;
}
.searchbar {
  width: 590px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 66px;
}
.searchbar .inbox {
  width: 524px;
  height: 100%;
  border: 1px solid #b9b9b9;
  border-right: none;
}
.searchbar input[type='text'] {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 10px;
}
.searchbar .submitbox {
  height: 100%;
}
.searchbar .submitbox input {
  height: 100%;
  border: none;
  background-color: #ab2020;
  padding: 0 14px;
  font-size: 18px;
  color: #fff;
}
.zptips {
  background-color: #f5f5f5;
  border-left: 4px solid #ab2020;
  padding-top: 13px;
  padding-bottom: 10px;
  margin-bottom: 56px;
}
.zptips .title {
  font-size: 18px;
  color: #333;
  padding-left: 45px;
  background: url("../img/zye-icon-tips.png") 17px center no-repeat;
  margin-bottom: 8px;
}
.zptips p {
  padding-left: 45px;
}
.zptips p em {
  color: #ab2020;
}
.tablejob {
  padding-bottom: 50px;
}
.tablejob th {
  text-align: left;
  line-height: 36px;
  font-size: 18px;
  color: #231815;
  font-weight: normal;
}
.tablejob tr {
  border-bottom: 1px solid #e5e5e5;
}
.tablejob .dtltr {
  border: none;
}
.tablejob .dtltr.on {
  border-bottom: 1px solid #e5e5e5;
}
.tablejob .dtltr.on .jobdtl {
  height: auto;
  padding-top: 45px;
  margin-bottom: 44px;
  border-top: 2px solid #ab2020;
  transition: all 0.3s;
}
.tablejob td {
  line-height: 55px;
  padding-top: 15px;
  font-size: 16px;
}
.tablejob td.bigtd {
  padding-top: 0;
}
.tablejob .w480 {
  width: 480px;
}
.tablejob .btnmore {
  font-size: 14px;
  color: #999;
  line-height: 34px;
  border: 1px solid #e5e5e5;
  padding-left: 15px;
  padding-right: 38px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.tablejob .btnmore:after {
  content: '';
  position: absolute;
  top: 15px;
  right: 18px;
  border: 5px solid transparent;
  border-top-color: #999;
}
.tablejob .btnmore:hover,
.tablejob .btnmore.on {
  background-color: #ab2020;
  color: #fff;
  border-color: #ab2020;
}
.tablejob .btnmore:hover:after,
.tablejob .btnmore.on:after {
  border-top-color: #fff;
}
.tablejob .jobdtl {
  padding: 0 75px;
  background-color: #f5f5f5;
  overflow: hidden;
  height: 0;
  border: none;
}
.tablejob .jobdtl .jobdtlbox {
  margin-bottom: 30px;
}
.tablejob .jobdtl .title {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}
.tablejob .jobdtl .txtbox {
  line-height: 26px;
  font-size: 14px;
}
.contactwrap {
  padding-top: 80px;
  /* background: url("../img/zye-contact-bg.jpg") right bottom no-repeat; */
  overflow: hidden;
  margin-bottom: 130px;
}
.contactwrap .contactmain {
  margin-top: 225px;
  margin-bottom: 210px;
  height: 328px;
}
.contactwrap .ditubox {
  width: 508px;
  height: 100%;
}
.contactwrap .ditubox img {
  max-height: auto;
}
.contactwrap .contactway {
  padding-left: 35px;
  padding-top: 28px;
}
.contactwrap .contactway .name {
  font-size: 18px;
  color: #333;
  margin-bottom: 25px;
}
.contactwrap .contactway li {
  padding-left: 40px;
  background: url("../img/zye-icon-contact1.png") left center no-repeat;
  margin-bottom: 10px;
  line-height: 30px;
}
.contactwrap .contactway li.icon2 {
  background-image: url("../img/zye-icon-contact2.png");
}
.contactwrap .contactway li.icon3 {
  background-image: url("../img/zye-icon-contact3.png");
}
.contactwrap .contactway li.icon4 {
  background-image: url("../img/zye-icon-contact4.png");
}
.contactwrap .contactway li.icon5 {
  background-image: url("../img/zye-icon-contact5.png");
}
.translation-container {
  margin-top: 42px;
  margin-bottom: 77px;
}
.translation-container .trans-title {
  margin-bottom: 124px;
  position: relative;
  text-align: center;
}
.translation-container .trans-title h2 {
  position: relative;
  font-size: 30px;
  color: #231815;
  z-index: 1;
}
.translation-container .trans-title h2:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 40px;
  border-bottom: 3px solid #ab2020;
  margin-left: -20px;
}
.translation-container .trans-title p {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -104px;
  font-size: 30px;
  color: #e8e8e8;
}
.translation-container .trans-box .trans-pic {
  float: left;
  width: 480px;
  height: 308px;
}
.translation-container .trans-box .trans-pic img {
  margin-top: 14px;
}
.translation-container .trans-box .trans-content {
  float: left;
  width: 720px;
  padding: 0 14px;
}
.translation-container .trans-box .trans-content p {
  margin-bottom: 36px;
  font-size: 22px;
  color: #281e1b;
  line-height: 44px;
  position: relative;
}
.translation-container .trans-box .trans-content p:nth-child(1):after {
  content: '';
  position: absolute;
  left: -14px;
  top: 12px;
  height: 20px;
  border-left: 4px solid #056e75;
}
.translation-container .trans-box .trans-content p:nth-child(2):after {
  content: '';
  position: absolute;
  left: -14px;
  top: 12px;
  height: 20px;
  border-left: 4px solid #c7891b;
}
.translation-container .trans-box .trans-content p:nth-child(3):after {
  content: '';
  position: absolute;
  left: -14px;
  top: 12px;
  height: 20px;
  border-left: 4px solid #b01f20;
}
.culture_con_banner {
  margin-bottom: 220px;
}
.culture_con_banner li {
  width: 1200px;
  height: 280px;
  margin-bottom: 40px;
  position: relative;
}
.culture_con_banner li:nth-child(1) {
  background: url("./../img/cultural-banner1.jpg") left top no-repeat;
}
.culture_con_banner li:nth-child(2) {
  background: url("./../img/cultural-banner2.jpg") left top no-repeat;
}
.culture_con_banner li:nth-child(3) {
  background: url("./../img/cultural-banner3.jpg") left top no-repeat;
}
.culture_con_banner li:nth-child(4) {
  background: url("./../img/cultural-banner4.jpg") left top no-repeat;
}
.culture_con_banner li:nth-child(5) {
  background: url("./../img/cultural-banner5.jpg") left top no-repeat;
}
.culture_content {
  position: absolute;
  left: 107px;
  top: 50%;
  transform: translateY(-50%);
}
.culture_content h5 {
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 23px;
  padding-left: 38px;
  background: url("./../img/icon-fazhan.png") left center no-repeat;
}
.culture_content p {
  font-size: 26px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}
.culture_content p+p {
  margin-top: 20px;
}
.staff_pics {
  margin-bottom: 58px;
}
.staff_pics .pics_title {
  padding-top: 16px;
  padding-bottom: 30px;
  text-align: center;
}
.staff_pics .pics_title h2 {
  font-size: 28px;
  color: #291f1c;
  margin-bottom: 15px;
}
.staff_pics .pics_title p {
  font-size: 14px;
  color: #333;
}
.staff_pics .slider_big {
  width: 974px;
  height: 650px;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.staff_pics .slider_big img {
  display: block;
  width: 100%;
}
.staff_pics .slider_big .prev_l {
  visibility: hidden;
  cursor: pointer;
  width: 32px;
  height: 94px;
  position: absolute;
  top: 50%;
  margin-top: -47px;
  left: 0;
  background: rgba(171,32,32,0.5) url("./../img/slide-prev.png") center center no-repeat;
}
.staff_pics .slider_big:hover .prev_l {
  visibility: visible;
}
.staff_pics .slider_big .next_l {
  visibility: hidden;
  cursor: pointer;
  width: 32px;
  height: 94px;
  background: rgba(171,32,32,0.5);
  position: absolute;
  top: 50%;
  margin-top: -47px;
  right: 0;
  background: rgba(171,32,32,0.5) url("./../img/slide-next.png") center center no-repeat;
}
.staff_pics .slider_big:hover .next_l {
  visibility: visible;
}
.staff_pics .slider_small {
  height: 181px;
  position: relative;
}
.staff_pics .slider_small .thumb_container {
  position: relative;
  margin: 0 64px;
  height: 100%;
  overflow: hidden;
}
.staff_pics .slider_small .thumb_container ul {
  position: absolute;
  top: 0;
  left: 0;
}
.staff_pics .slider_small .thumb_container ul li {
  float: left;
  width: 250px;
  margin-right: 24px;
  border: 1px solid #e5e5e5;
}
.staff_pics .slider_small .thumb_container ul li a {
  display: block;
}
.staff_pics .slider_small .thumb_container ul li a img {
  width: 100%;
  display: block;
}
.staff_pics .slider_small .thumb_container ul li:last-child {
  margin-right: 0;
}
.staff_pics .slider_small .thumb_container ul .on {
  border: 3px solid #ab2020;
}
.staff_pics .slider_small .prev_s {
  cursor: pointer;
  width: 22px;
  height: 42px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  left: 0;
  background: url("./../img/slide-prev-s.png") center center no-repeat;
}
.staff_pics .slider_small .next_s {
  cursor: pointer;
  width: 22px;
  height: 42px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  right: 0;
  background: url("./../img/slide-next-s.png") center center no-repeat;
}
.fclist {
  padding-top: 40px;
  margin-right: -25px;
  padding-bottom: 45px;
}
.fclist li {
  float: left;
  width: 25%;
  padding-right: 25px;
  margin-bottom: 25px;
}
.fclist .picbox {
  height: 200px;
}
.fclist .picbox:hover .ccbox {
  transform: scale(1);
}
.fclist .ccbox {
  background-color: rgba(171,32,32,0.7);
  height: 100%;
  padding-top: 75px;
  text-align: center;
  transition: all 0.3s;
  transform: scale(0);
}
.fclist .ccbox p {
  margin-bottom: 20px;
  font-size: 18px;
  color: #fff;
}
.fclist .ccbox .btn {
  display: inline-block;
  line-height: 30px;
  border: 1px solid #fff;
  padding: 0 15px;
  cursor: pointer;
  color: #fff;
}