@charset "utf-8";

/*-----whole-----*/
/*-----whole-----*/
html {
  font-size: 100px;
  height: 100%;
}

body {
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-content,
.Container-wrapper {
  flex: 1;
}

body.resizing * {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
}

.contain {
  width: 1400px;
  margin: 0 auto;
}

.pub_bann {
  height: 430px;
}

.pub_bann h2 {
  text-align: center;
  font-size: 44px;
  color: #fff;
  padding-top: 170px;
  margin-bottom: 20px;
}

.pub_bann h3 {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.6;
}

/*clearfix*/
.clearfix {
  *zoom: 1
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}

/*初始化按钮*/
.btn {
  display: inline-block;
  text-align: center;
  padding: 0px;
  border: 0px;
  margin: 0px;
  position: relative;
  cursor: pointer;
}

.btn span {
  display: inline-block;
}

/*通用img*/
img.rollover {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: Alpha(opacity=0);
  z-index: 2;
}

input.text,
textarea.text {
  display: block;
  padding: 0px;
  width: 100%;
  border: 0px;
  background: none;
  margin: 0px;
}

/*--- Header ---*/
/*--- Header ---*/
.Header-wrapper {
  z-index: 99;
}

.Header-wrapper .Header-cl {
  height: 140px;
  position: relative;
}

.header-container {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 40px;
  left: 0px;
  z-index: 90;
  box-shadow: 0px 0px 8px #666;
}

/*logo*/
.Hlogo {
  height: 100px;
  line-height: 100px;
  font-size: 0px;
  float: left;
  overflow: hidden;
}

.Hlogo img.rollover {
  display: none;
}

.Hlang {
  padding: 40px 15px 0;
  height: 100px;
  position: relative;
  float: right;
  margin: 0;
}

.Hlang-menu {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/icon-hlang.png) no-repeat center center;
}

.Hlang-box {
  width: 200px;
  box-shadow: 1px 1px 10px #666;
  background: #fff;
  position: absolute;
  top: 100px;
  right: -76px;
  display: none;
  padding: 20px 0px;
}

.Hlang-box:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -8px;
  left: 50%;
  margin: 0 0 0 -4px;
}

.Hlang-box a {
  display: block;
  padding: 5px 10px 5px 60px;
  line-height: 30px;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
}

.Hlang-box a:hover {
  color: #fff;
  background: #0062b2;
}

.Hlang-box a.CN {
  background-image: url(../images/icon-cn.png);
}

.Hlang-box a.JP {
  background-image: url(../images/icon-jp.png);
}

.Hlang-box a.EN {
  background-image: url(../images/icon-en.png);
}

.Hsrch {
  padding: 42px 15px 0;
  float: right;
}

.Hsrch-menu {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/icon-hsrch2.png) no-repeat center center / cover;
}

.Hsrch-box {
  width: 100%;
  height: 100px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.Hsrch-block {
  padding: 0 0 0 4rem !important;
  width: 12rem !important;
  height: 32px;
  margin: 35px auto 0;
}

.Hsrch-block .btn {
  width: 24px;
  height: 32px;
  background: url(../images/icon-hsrch2.png) no-repeat center center;
  float: left;
}

.Hsrch-block .close {
  display: block;
  width: 24px;
  height: 32px;
  background: url(../images/icon-close2.png) no-repeat center center;
  float: right;
}

.Hsrch-block .text {
  width: 70%;
  height: 32px;
  font-size: 16px;
  float: left;
  margin: 0 0 0 10px;
}

.Hsrch-block .text::-webkit-input-placeholder {
  color: #6f6f6f;
}

.header-container.header-searching .Hlogo {
  position: relative;
  z-index: 5;
}

.header-container.header-searching .Hlogo img.rollover {
  display: inline-block;
}

.Hnav {
  float: left;
  margin: 0 0 0 0.45rem;
}

.Hnav>li {
  padding: 0 25px;
  float: left;
  line-height: 100px;
  font-size: 16px;
  color: #444;
  position: relative;
}

.Hnav .Hname {
  display: block;
}

.Hn2nd-box {
  background: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  opacity: 0;
  border-top: 1px solid #eee;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
  white-space: nowrap;
  z-index: 10;
}


.Hn2nd-box dl dd {
  display: block;
  text-align: center;
  position: relative;
}
.Hn2nd-box dl dd::after{
  content:"";
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: #eee;
}
.Hn2nd-box dl dd:last-child:after{
  display: none;
}

.Hn2nd-box dl dd a {
  display: block;
  line-height: 26px;
  font-size: 15px;
  color: #444;
  padding: 8px 20px;
  white-space: nowrap;
}

.Hn2nd-box dl dd a:hover {
  color: #4DAFFF;
}

.Hnav>li.cur .Hname,
.Hnav>li:hover .Hname {
  color: #4DAFFF;
}
.foot-sub{
  display: flex;
}
@media all and (min-width:980px) {
  .Hnav>li:hover .Hn2nd-box {
    display: flex;
    animation: fadeInBottom .3s ease-in-out forwards;
    -webkit-animation: fadeInBottom .3s ease-in-out forwards;
  }

  .Hlang:hover .Hlang-box {
    display: flex;
  }
}

@keyframes fadeInBottom {
  0% {
    transform: translateX(-50%) translateY(50px);
    -webkit-transform: translateX(-50%) translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateX(-50%) translateY(0px);
    -webkit-transform: translateX(-50%) translateY(0px);
    opacity: 1;
  }
}

.Header-wrapper.Header-page {}

.Header-wrapper.Header-page .Header-cl {
  display: none;
}

.Header-wrapper.Header-page .header-container {
  position: relative;
}

/*logo*/
.Hlogo {
  height: 99px;
  line-height: 99px;
  font-size: 0px;
  float: left;
  overflow: hidden;
}

.hd-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #999;
  background: #f7f7f7;
  z-index: 99;
}

.hd-top .fr a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  margin-left: 15px;
}

.hd-top .fr a:after {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background: #b3b3b3;
  margin-top: -2px;
}

.hd-top .fr a:hover {
  color: #4DAFFF;
}

.hd-top .fr a:hover:after {
  background: #4DAFFF;
}

.Hnav .top-login {
  position: relative;
}

.Hnav .top-login .Hn2nd-center {
  width: 200px;
  color: #333;
  left: -25px;
  top: 100px;
}

.Hnav .top-login .Hn2nd-center ul {
  padding: 0px 20px;
}

.Hnav .top-login .Hn2nd-center ul li {
  color: #333;
  border-bottom: 1px solid #eee;
  margin: 0px;
  font-size: 14px;
  float: none;
  height: 50px;
  line-height: 50px;
}

.Hnav .top-login .Hn2nd-center ul li a:hover {
  color: #4DAFFF;
}

/*--- Banner ---*/
.bnr-img {
  display: block;
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

#index-bnr {
  position: relative;
}

/*Bnr1*/
.iBnr-1 {
  width: 1200px;
  text-align: center;
  font-weight: lighter;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 40%;
  z-index: 2;
}

.iBnr-1 .t1 {
  line-height: 80px;
  font-size: 60px;
}

.iBnr-1 .t2 {
  font: lighter 16px/34px '微软雅黑';
  letter-spacing: 4px;
  text-transform: uppercase;
}

/*--- Web Banner ---*/
.bnr-img {
  display: block;
  width: 100%;
  height: auto;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

#web-bnr {
  position: relative;
  display: none;
}

#web-bnr .swiper-slide.swiper-slide-active .bg {
  transition-delay: 0.4s !important;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all 7.0s ease;
  -moz-transition: all 7.0s ease;
  -ms-transition: all 7.0s ease;
  -o-transition: all 7.0s ease;
  transition: all 7.0s ease;
}

#web-bnr .swiper-pagination {
  font-size: 0px;
  bottom: 7.8% !important;
}

#web-bnr .swiper-pagination-bullet {
  width: 40px;
  height: 5px;
  background: none;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin: 0 4px;
  opacity: 1;
}

#web-bnr .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .45);
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 5px;
}

#web-bnr .swiper-pagination-bullet i {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -100%;
  top: 0px;
  z-index: 2;
  border-radius: 5px;
}


#index-bnr .swiper-pagination {
  font-size: 0px;
  bottom: 7.8% !important;
}

#index-bnr .swiper-pagination-bullet {
  width: 40px;
  height: 5px;
  background: none;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin: 0 4px;
  opacity: 1;
}

#index-bnr .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .45);
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 5px;
}

#index-bnr .swiper-pagination-bullet i {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -100%;
  top: 0px;
  z-index: 2;
  border-radius: 5px;
}

#index-bnr .swiper-pagination-bullet-active {}

#index-bnr .swiper-button-prev {
  background: url(../images/bnr_prev.png) no-repeat center / cover;
  width: 100px;
  height: 100px;
  z-index: 99;
}

#index-bnr .swiper-button-next {
  background: url(../images/bnr_next.png) no-repeat center / cover;
  width: 100px;
  height: 100px;
  z-index: 99;
}

.bnr-img.page-bnr {
  height: 848px;
}

.pBnr-box {
  width: 960px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 32.19339622641509%;
  left: 50%;
  margin: 0 0 0 -480px;
}

.pBnr-box .t1 {
  line-height: 65px;
  font-size: 50px;
  font-weight: 600;
}

.pBnr-box .t2 {
  line-height: 30px;
  margin: 25px 0 0;
}

.pBnr-box .page-dd {
  display: block;
  width: 58px;
  height: 58px;
  background: url(../images/icon-pdd.png) no-repeat center center;
  margin: 40px auto 0;
  animation: pageDD 1.8s linear infinite;
  -webkit-animation: pageDD 1.8s linear infinite;
}

@keyframes pageDD {
  0% {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    opacity: 1;
  }

  50% {
    transform: translateY(30px) scale(.9);
    -webkit-transform: translateY(30px) scale(.9);
    opacity: .2;
  }

  100% {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

.bnr-img.page-bnr2 {
  height: 500px;
}


/*首页*/
.indnews {
  padding: 65px 0px;
}

.ind-name {
  text-align: center;
  font-size: 42px;
  color: #333;
}

ul.ind-cate {
  text-align: center;
  margin: 25px auto 50px;
}

ul.ind-cate li {
  text-align: center;
  color: #888;
  display: inline-block;
  padding: 0px 5px;
}

ul.ind-cate li.on,
ul.ind-cate li:hover {
  color: #007cc2;
}

/*首页新闻*/
.indn_fl {
  width: 41.42%;
  float: left;
  height: 603px;
  background: #f5f5f5;
}

.indnews .com-img {
  position: relative;
}

.indnews a {
  display: block;
}

.indnews .com-img span.tit {
  position: absolute;
  background: url(../images/index-nt-bg.png) no-repeat center;
  left: 0px;
  top: 0px;
  width: 190px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.indnews .com-img a.more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: url(../images/index-more-bg.png) no-repeat center;
  width: 48px;
  height: 48px;
}

.indn_fl .note {
  padding: 35px;
}

.indn_fl .note h4 {
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indn_fl .note p {
  color: #666;
  font-size: 14px;
  line-height: 30px;
  margin: 25px auto 20px;
}

.indn_fl .note span {
  color: #999;
}

.indn_fr {
  width: 57.14%;
  float: right;
  height: 603px;
}

.indn_fr .fl {
  width: 50%;
  float: left;
}

.indn_fr .fl img {
  width: 100%;
  height: 292px;
  object-fit: cover;
}

.indn_fr .fr {
  width: 50%;
  float: right;
}

.indn_fr .fr {
  padding: 40px;
  background: #f5f5f5;
  height: 292px;
}

.indn_fr .fr h4 {
  font-size: 24px;
  color: #333;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.indn_fr .fr p {
  color: #666;
  line-height: 30px;
  margin: 20px 0px;
}

.indn_fr .fr span {
  color: #999;
}

.ind-newst .fl {
  float: right;
}

.ind-newst .fr {
  float: left;
}

/*首页视频*/
.ind-video {
  position: relative;
  text-align: center;
  padding: 50px 0
}

.ind-video img {
  max-width: 100%;
  object-fit: cover;
}

.ind-video h2 {
  font-size: 42px;
  color: #fff;
}

.ind-video p {
  font-size: 14px;
  color: #fff;
  margin: 40px auto 0;
  line-height: 30px;
}

.ind-video .box {
  width: 900px;
  left: 50%;
  margin: 0 auto;
  text-align: center
}


/*首页数据展示*/
.ind-date {
  background: #f5f5f5;
  padding: 45px 0px;
}

.ind-date .contain {
  background: url(../images/numbg.jpg) no-repeat center;
  overflow: hidden;
}

.ind-date ul li {
  width: 25%;
  float: left;
  text-align: center;
}

.ind-date ul li h4 {
  font-size: 48px;
  font-weight: bold;
  color: #333;
  margin: 10px auto;
}

.ind-date ul li h4 span {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.ind-date ul li p {
  font-size: 18px;
  color: #333;
}

/*首页企业文化*/
.ind-culture {
  padding: 50px 0px;
  overflow: hidden;
}

.ind-culture ul li {
  width: 23.7%;
  float: left;
  margin-left: 1.7%;
}

.ind-culture ul li:first-child {
  margin-left: 0px;
}

.ind-culture ul li h4 {
  font-size: 20px;
  color: #333;
  position: relative;
}

.ind-culture ul li h4:after {
  position: absolute;
  content: "";
  left: -21px;
  top: 0px;
  width: 2px;
  height: 25px;
  background: #007cc2;
}

.ind-culture ul li .box {
  padding: 20px;
  border: 1px solid #e1e1e1;
}

.ind-culture ul li p.info {
  color: #666;
  line-height: 30px;
  margin: 15px auto;
}

.ind-culture ul li a {
  display: block;
  height: 46px;
  border: 1px solid #e1e1e1;
  text-align: center;
  line-height: 46px;
  color: #777;
}

.ind-culture ul li a:hover {
  background: #007cc2;
  color: #fff;
  border-color: #007cc2;
}

/*首页产品*/
.ind-pro {
  background: #f5f5f5;
  padding: 70px 0px;
}

.ind-pro .contain {
  position: relative;
}

.ind-pro .swiper-button-next.swiper-button-disabled,
.ind-pro .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.ind-pro .swiper-button-prev {
  background: url(../images/hs_prev.png) no-repeat center;
  width: 46px;
  height: 46px;
  left: -60px;
  opacity: 1;
}

.ind-pro .swiper-button-next {
  background: url(../images/hs_next.png) no-repeat center;
  width: 46px;
  height: 46px;
  right: -60px;
  opacity: 1;
}

.ind-pro .swiper-slide {
  background: #fff;
}

.ind-pro .swiper-slide .ind-pro-l {
  padding: 20px;
  text-align: center;
}

.ind-pro .swiper-slide h4 {
  font-size: 16px;
  color: #666;
  margin: 20px auto;
}

.ind-pro .swiper-slide .box a {
  position: relative;
  color: #4d91e6;
  font-size: 12px;
  padding-bottom: 10px;
}

.ind-pro .swiper-slide .box a:after {
  position: absolute;
  left: 50%;
  bottom: 0px;
  content: "";
  width: 8px;
  height: 1px;
  background: #4d91e6;
  margin-left: -4px;
}

/*--- Footer ---*/
.Footer-wrapper {
  z-index: 98;
}

.footer-container {
  padding: 30px 0;
  background: #333;
}
.footer-container > div{
  display: flex;
  flex-wrap: wrap;
}
.Fnav {
  margin-right: 2%;
  flex:1;
}
.Fnav:first-child {
  flex:3;
}

.Footer-wrapper.on .Fnav:first-child dd{
  margin-right: 30px;
}

.Fnav dt {
  line-height: 29px;
  font-size: 15px;
  color: #fff;
  margin-bottom: 25px;
}

.Fnav dd {
  margin: 10px 0 0;
}

.Fnav dd a {
  display: block;
  line-height: 25px;
  color: #fff;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}

.Fnav dd a:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}


.Fcode {
  padding: 7px 0 32px 50px;
  width: 20%;
  border-left: 1px solid #474747;
  float: right;
}

.Fcode h2 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 25px;
}

.Fcode p {
  color: #fff;
  opacity: 0.65;
  line-height: 30px;
}

.Fcode .Fcode-img {
  margin-top: 20px;
}

.Fcode p span {
  padding-left: 45px;
}

.Fcode .Fcode-img span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/foot_share.png) no-repeat left top;
  margin-right: 10px;
  cursor: pointer;
}

.Fcode .Fcode-img span.Ft_wechat {
  position: relative;
}

.Fcode .Fcode-img span.Ft_wechat img {
  position: absolute;
  left: 0px;
  top: -205px;
  display: none;
  max-width: 200px;
}

.Fcode .Fcode-img span.Ft_wechat:hover img {
  display: block;
}

.Fcode .Fcode-img span.Ft_qq {
  background-position: -43px top;
}

.Fcode .Fcode-img span.Ft_weibo {
  background-position: -88px top;
}

.Fcode .type {
  line-height: 19px;
  font-size: 12px;
  color: #666666;
  margin: 15px 0 0;
}

.Footer-wrapper.on .Fnav dd {
  display: block !important;
}

.footer-btm {
  background: #303030;
  padding: 15px 0px;
  color: #fff;
}

.footer-btm .contain {
  position: relative;
}

.footer-btm .Fcr {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}

.footer-btm .Flink {
  position: absolute;
  right: 0px;
  top: 0px;
}

.footer-btm .Flink a {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
}

.footer-btm .Flink a:hover {
  opacity: 1;
}

/*--- Banner ---*/
.bnr-img {
  display: block;
  width: 100%;
  height: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*--- Container ---*/
/*通用栏目导航*/
.pub_catmenu {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ececec;
  background: #f8f8f8;
}

.pub_catmenu ul li {
  float: left;
  line-height: 70px;
  line-height: 70px;
  position: relative;
  margin-left: 58px;
  font-size: 16px;
}

.pub_catmenu ul li:first-child {
  margin-left: 0px;
}

.pub_catmenu ul li:hover:after,
.pub_catmenu ul li.cur:after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 2px;
  background: #007cc2;
  width: 100%;
  content: "";
}

.pub_catmenu ul li a {
  color: #666;
}

.pub_catmenu ul li a:hover,
.pub_catmenu ul li.cur a {
  color: #007cc2;
}

/*员工风采*/
.Employee ul {
  margin-bottom: 30px;
}

.Employee ul li {
  width: 31.4%;
  float: left;
  margin-right: 2.9%;
  margin-bottom: 2.9%;
  text-align: center;
  font-size: 18px;
  color: #666;
}

.Employee ul li:nth-child(3n) {
  margin-right: 0px;
}

.Employee ul li img {
  max-width: 100%;
}

.Employee ul li h4 {
  margin-top: 20px;
}

.Employee ul li h4 a:hover {
  color: #007cc2;
}

.Employee ul li .com-img {
  position: relative;
}

.Employee ul li .jh_video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.Employee ul li .jh_video a {
  background: url(../images/vplay.png) no-repeat center / cover;
  width: 63px;
  height: 60px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -30px;
}

/*视频*/
.media-modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: none;
  opacity: 0;
}

.media-modal .mediaModal-contain {
  width: 960px;
  height: 540px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -480px;
  display: none;
}

.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay {
  width: 100% !important;
  height: 100% !important;
}

.mediaModal-contain .close {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/close.png) no-repeat center center / cover;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
  opacity: 0;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.mediaModal-contain:hover .close {
  opacity: 1;
}

@media all and (max-width:980px) {
  .mediaModal-contain .close {
    opacity: 1;
  }
}

/*高管人员*/
.Executives ul {
  margin-bottom: 30px;
}

.Executives ul li {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.Executives ul li img {
  max-width: 100%;
}

.Executives ul li h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
}

.Executives ul li h4 a:hover {
  color: #007cc2;
}

.Executives ul li p {
  color: #777;
  line-height: 28px;
}

/*常见问题*/
.faq dl dt {
  height: 60px;
  line-height: 60px;
  background: #f1f1f1 url(../images/faq_q.jpg) no-repeat left top;
  color: #666;
  font-size: 16px;
  padding-left: 80px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.faq dl dt span.more {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(../images/faq_j.png) no-repeat center;
  right: 20px;
  top: 20px;
}

.faq dl dt.cur {
  background: #007cc2 url(../images/faq_qon.jpg) no-repeat left top;
  color: #fff;
}

.faq dl dt.cur span {
  background: url(../images/faq_jon.png) no-repeat center;
}

.faq dl dd {
  padding: 30px 40px;
  background: #f8fbfd;
  margin-bottom: 30px;
  color: #777;
  line-height: 30px;
  display: none;
}

/*服务支持-服务网络*/
.internet dl {
  width: 29.4285%;
  float: left;
  margin-right: 5.8571%;
  margin-bottom: 4%;
}

.internet dl:nth-child(3n) {
  margin-right: 0px;
}

.internet dl dt {
  height: 48px;
  line-height: 48px;
  background: #f3f3f3;
  padding: 0px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.internet dl dd {
  padding: 20px;
  line-height: 30px;
}

/*分红股权*/
.Equity table {
  width: 100%;
  text-align: center;
}

.Equity table tr th {
  text-align: center;
  height: 40px;
  background: #007cc2;
  color: #fff;
  font-weight: normal;
}

.Equity table tr td {
  text-align: center;
  color: #999;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}

/*股东概况*/
.progress {
  background: #fff;
}

.progress h2:after {
  content: "";
  width: 70px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 1px;
  background: #8394a6;
  margin-left: -35px;
}

.progress ul li {
  overflow: hidden;
}

.progress ul li .fl,
.progress ul li .fr {
  width: 50%;
  overflow: hidden;
}

.progress ul li .fl img,
.progress ul li .fr img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}

.progress ul li .nowfl {
  background: #f5f5f5;
  height: 550px;
  padding: 90px 5.7% 150px 16.666%;
}

.progress ul li .nowfl h4,
.progress ul li .futurefr h4 {
  font-size: 32px;
  color: #333;
  font-weight: normal;
  margin: 0 0 20px;
  padding-bottom: 20px;
  position: relative;
}

.progress ul li .nowfl p,
.progress ul li .futurefr p {
  color: #666;
  line-height: 30px;
}

.progress ul li .nowfl .xm-cont,
.progress ul li .futurefr .xm-cont {
  color: #666;
  line-height: 30px;
  height: 240px;
  overflow: hidden;
  position: relative;
  padding-right: 15px;
}

.progress ul li .futurefr {
  background: #f5f5f5;
  height: 550px;
  padding: 90px 16.666% 150px 5.7%;
}

.progress ul li .futurefr h4:after,
.progress ul li .nowfl h4:after {
  content: "";
  width: 23px;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 3px;
  background: #444;
}

.gdnum {
  height: 387px;
  width: 100%;
  padding-top: 130px;
}

.gdnum h2 {
  text-align: center;
  color: #333;
  font-size: 32px;
  font-weight: lighter;
  font-family: "Microsoft yahei";
}

.gdnum h2 span {
  font-size: 72px;
}

/*成员企业共用股东概述*/
.progress ul li h5 {
  font-size: 32px;
  color: #333;
  font-weight: normal;
  margin: 0 0 20px;
  padding-bottom: 20px;
  position: relative;
}

.progress ul li a {
  display: block;
  width: 170px;
  height: 50px;
  font-size: 14px;
  color: #333;
  background: #f5f5f5 url(../images/js_black.png) no-repeat 115px center;
  border: 1px solid #ccc;
  line-height: 50px;
  margin-top: 40px;
  padding-left: 45px;
}

.progress ul li a:hover {
  color: #007cc2;
  border: 1px solid #007cc2;
  background: url(../images/js_blackon.png) no-repeat 115px center;
}

/*产品中心*/
.promenu {
  margin-bottom: 35px;
  color: #777
}

.promenu span {
  display: inline-block;
  width: 80px;
  height: 34px;
  line-height: 34px;
  background: #007cc2;
  color: #fff;
  text-align: center;
  margin-right: 20px;
}

.promenu span a {
  color: #fff;
}

.promenu a {
  display: inline-block;
  margin: 0px 3px;
  color: #777;
}

.promenu a:hover,
.promenu a.cur {
  color: #007cc2;
}

.prolist ul {
  overflow: hidden;
  margin-bottom: 30px;
}

.prolist ul li {
  width: 48%;
  border: 1px solid #e1e1e1;
  padding: 25px 30px;
  float: left;
  margin-bottom: 35px;
}

.prolist ul li:nth-child(2n) {
  float: right;
}

.prolist .pro_img {
  width: 35%;
  float: left;
  text-align: center
}

.prolist .pro_img img {
  height: 130px
}

.prolist .pro_note {
  width: 60%;
  border-left: 1px solid #e1e1e1;
  float: right;
  padding-left: 5%;
  height: 100%;
  min-height: 134px;
}

.prolist .pro_note h4 {
  font-size: 18px;
  color: #333;
}

.prolist .pro_note h4:hover {
  color: #007cc2;
}

.prolist .pro_note p {
  color: #999;
  margin: 20px auto;
}

.prolist .pro_note a.more {
  color: #007cc2;
  font-size: 13px;
  display: block;
  position: relative;
  padding-bottom: 15px;
}

.prolist .pro_note a.more:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 15px;
  height: 1px;
  background: #007cc2;
}

/*产品中心-产品详情*/
.pro_content h1 {
  text-align: center;
  font-size: 36px;
  color: #333;
  margin-bottom: 25px;
}

.pro_content p.info {
  text-align: center;
  font-size: 16px;
  color: #777;
}

.proslidebox {
  margin: 40px auto 70px;
}

.proslide-lf {
  float: left;
  width: 50%;
}

.proslide-lf .gpro-top {
  border: 1px solid #eee;
  text-align: center;
  height: 400px;
}

.gpro-top .swiper-slide img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.proslide-lf .swiper-button-prev {
  left: 10px;
  background: url(../images/pro-prev.jpg) no-repeat center;
  width: 62px;
  height: 57px;
  opacity: 0.6;
}

.proslide-lf .swiper-button-next {
  right: 10px;
  background: url(../images/pro-next.jpg) no-repeat center;
  width: 62px;
  height: 57px;
  opacity: 0.6;
}

.proslide-lf .swiper-button-prev:hover,
.proslide-lf .swiper-button-next:hover {
  opacity: 1;
}

.gpro-thumbs {
  margin-top: 15px;
  height: 90px;
  box-sizing: border-box;
}

.gpro-thumbs .swiper-slide {
  opacity: 0.6;
  cursor: pointer;
  overflow: hidden;
}

.gpro-thumbs .swiper-slide img {
  width: 100%;
  height: 80px;
  object-fit: cover;
}

.gpro-thumbs .swiper-slide.thumb-active {
  opacity: 1;
  border: 2px solid #004b8f;
}

.protabbox {
  background: #f8f8f8;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.protabbox .protab {
  display: flex;
}

.protab-lf {
  line-height: 52px;
  font-size: 13px;
  color: #999;
}

.protabbox .protab li {
  padding: 15px 30px;
  font-size: 15px;
  color: #666;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  list-style: none;
}

.protabbox .protab li:hover {
  color: #004b8f;
}

.protabbox .protab li.active {
  color: #fff;
  background-color: #004b8f;
  font-weight: bold;
}

.proslide-rt {
  float: right;
  width: 50%;
  padding: 20px 0 20px 30px;
}

.proslide-rt h1 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

.pro_subtitle {
  font-size: 18px;
  color: #333;
  margin-bottom: 35px;
  font-weight: 600;
}

.pro_desc {
  width: 80%;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 30px;
}

.pro_desc p {
  margin-bottom: 10px;
}

.pro_btn {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.pro_btn a {
  display: inline-block;
  width: 112px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  color:#292b2b;
  border:1px solid #292b2b
}
.pro_btn a span{
  margin: 0 10px;
}
.pro_btn .el-icon{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border:1px solid #292b2b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_btn svg{
  width: 16px;
  height: 16px;
  color:#292b2b;
  transition: .6s;
}
.pro_btn a{
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .6s;
}

.pro_btn a:hover{
  background: #007cc2;
  color: #fff;
  border-color: #007cc2;
}
.pro_btn a:hover svg{
  color:#fff;
}

.pro_btn a:hover .el-icon{
  color:#fff;
  border-color: #fff;
}

.pro_con h4 {
  font-size: 16px;
  color: #333;
  margin-top: 40px;
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.pro_con .note {
  overflow: hidden;
  padding: 40px;
  color: #666;
  line-height: 40px;
}

.pro_con .note .fl {
  width: 40%;
  margin-right: 5%;
}

.pro_con .qd_downbox {
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.pro_con .qd_down {
  width: 200px;
  padding-left: 55px;
  height: 52px;
  display: block;
  background: #007cc2 url(../images/pro_down.png) no-repeat 130px center;
  line-height: 52px;
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  display: block;
  margin: 0px auto;
}

.crumbs {
  overflow: hidden;
  background: #f8f8f8;
  border-top: 1px solid #e1e1e1;
  height: 61px;
  line-height: 60px;
  color: #777;
}

.crumbs .fl {
  border-left: 1px solid #ececec;
  background: url(../images/icon_hm.png) no-repeat 10px center;
  padding-left: 30px;
}

.crumbs .fl span {
  color: #007cc2;
}

.crumbs .fr {
  background: url(../images/jt.png) no-repeat 90px center;
  text-align: center;
  padding-right: 20px;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
  width: 140px;
  font-size: 16px;
  color: #999;
}

.crumbs .fr a:hover {
  color: #007cc2;
}


/*企业文化*京华映像*/
.impression ul li {
  overflow: hidden;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.impression .ipsnote {
  width: 80%;
  float: left;
}

.impression .ipsnote h4 a {
  font-size: 20px;
  color: #333;
  display: block;
  margin-bottom: 20px;
}

.impression .ipsnote h4 a:hover {
  color: #007cc;
}

.impression .ipsnote p {
  color: #777;
  line-height: 30px;
}

.impression .ipsdate {
  width: 15%;
  float: right;
  border-left: 1px solid #eee;
  padding-left: 5%;
}

.impression .ipsdate p span {
  font-size: 24px;
  color: #666;
  font-weight: bold;
  letter-spacing: 0;
  border-bottom: 1px solid #eee;
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.impression .ipsdate p {
  font-size: 24px;
  color: #999;
  font-weight: lighter;
  font-family: "Micorsoft yahei";
  letter-spacing: 5px;
}

/*企业文化*京华报刊*/
.press ul {
  margin-bottom: 20px;
}

.press ul li {
  width: 22.2222%;
  float: left;
  margin-right: 2.777%;
  margin-bottom: 2.9%;
  text-align: center;
  font-size: 18px;
  color: #666;
}

.press ul li p img {
  max-width: 100%;
  height: 395px;
  object-fit: cover;
}

.press ul li h4 {
  margin-top: 20px;
}

.press ul li .com-img {
  position: relative;
}

.press ul li:hover .com-img span {
  display: block;
}

.press ul li .com-img span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0, 124, 194, 0.75);
  padding-top: 50%;
  display: none;
}

.press ul li h4:hover {
  color: #007cc2;
}

/*经营班子*/
.team h2 {
  font-size: 42px;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}

.team p.info {
  text-align: center;
  line-height: 35px;
  margin-bottom: 50px;
}

.team_pic {
  position: relative;
}

.team ul li {
  width: 19%;
  height: 480px;
  overflow: hidden;
  float: left;
  margin-left: 1.25%;
}

.team ul li:first-child {
  margin-left: 0;
}

.team ul li img {
  max-width: 100%;
}

.team_pic .note {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.team_pic .note h4 {
  background: #007cc2;
  font-size: 20px;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.team_pic .note .msg {
  padding: 20px;
  background: #eee;
}

.team_pic .note .msg .name {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  display: block;
}

.team_pic .note .msg .name span {
  font-size: 14px;
  color: #777;
}

.team_pic .note .msg p {
  color: #777;
  line-height: 25px;
}

.team_pic .cont {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 2;
  background: rgba(0, 124, 194, 0.75);
  height: 100%;
  padding: 40px 15px;
  display: none;
}

.team_pic .cont h5 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.team_pic .cont h5:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background: #fff;
}

.team_pic .cont p span {
  font-size: 14px;
  color: #fff;
}

.team_pic .cont p.name {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  display: block;
}

.team_pic .cont p {
  color: #fff;
  line-height: 30px;
}

.team ul li:hover .note {
  display: none;
}

.team ul li:hover .cont {
  display: block;
}

/*售后与反馈*/
.contactus li {
  overflow: hidden;
}

.contactus .ctbox {
  max-width: 900px;
  margin: 0px auto;
}

.contactus .ctbox ul li {
  margin-bottom: 20px;
}

.contactus .ctbox ul li .fl {
  width: 15%;
  color: #666;
  text-align: right;
  padding-right: 10px;
  height: 48px;
  line-height: 48px;
}

.contactus .ctbox ul li .fl span {
  color: #ff1111;
  padding-left: 5px;
}

.contactus .ctbox ul li .fr {
  width: 85%;
  color: #666;
}

.contactus .ctbox ul li .ques {
  height: 48px;
  line-height: 48px;
}

.contactus .ctbox ul li .fr input[type="text"] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: 1px solid #eee;
  padding: 0px 10px;
}

.contactus .ctbox ul li .fr input[type="submit"] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #007cc2;
  color: #fff;
  border: 0px;
  cursor: pointer;
}

.contactus .ctbox ul li .fr input[type="reset"] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #f2f2f2;
  color: #666;
  border: 0px;
  cursor: pointer;
}

.contactus .ctbox ul li .fr select {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: 1px solid #eee;
}

.contactus .ctbox ul li .fr textarea {
  width: 100%;
  height: 200px;
}

.contactus .ctbox ul li .fr input[type="radio"] {
  -webkit-appearance: radio;
}


/*新闻中心*/
.news .pdtb70 {
  padding: 40px 0 80px;
}

.news .news_fl {
  float: left;
  width: 70%;
}

.news .news_note {
  float: left;
}

.news .first_news {
  position: relative;
  margin-bottom: 50px;
}

.news .first_news .note {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 20px;
}

.news .first_news .note h4 {
  font-size: 24px;
  margin-bottom: 15px;
}

.news .newslist li {
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.news .newslist .news_img {
  float: left;
  width: 28.57%;
}

.news .newslist .news_img img {
  width: 100%;
  height: 156px;
  object-fit: cover;
}

.news .newslist .news_note {
  float: left;
  width: 59.18%;
  margin-left: 2.65%;
}

.news .newslist .news_note h4 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.news .newslist .news_note h4 a:hover {
  color: #007cc2;
}

.news .newslist .news_note p {
  color: #777;
  line-height: 30px;
  margin: 15px 0px 0px;
}

.news .newslist li span.hits {
  background: url(../images/icon_hits.png) no-repeat 12px center;
  padding-left: 30px;
  margin-left: 10px;
  border-left: 2px solid #f1f1f1;
  color: #777;
}

.news .newslist li span.share {
  background: url(../images/icon_share.png) no-repeat 12px center;
  padding-left: 30px;
  margin-left: 10px;
  border-left: 2px solid #f1f1f1;
  color: #777;
}

.news .newslist li span.zan {
  background: url(../images/icon_zan.png) no-repeat 11px center;
  padding-left: 30px;
  margin-left: 10px;
  color: #777;
}

.news .news_fr {
  float: right;
  width: 26.428%;
}

.news .news_fr h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
}

.news .news_fr h2:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 2px;
  width: 5px;
  height: 18px;
  background: #007cc2;
}

.news .news_fr ul li {
  position: relative;
  margin-bottom: 20px;
}

.news .news_fr ul li h4 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 10px;
}

.news .news_fr h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
  border: 1px solid #eee;
  padding: 15px 20px;
}

.news .news_fr h3:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 15px;
  width: 5px;
  height: 18px;
  background: #007cc2;
}

.news .news_fr dl {
  margin: 20px auto;
  border-left: 1px solid #eee;
}

.news .news_fr dl dd {
  color: #777;
  line-height: 35px;
  position: relative;
  padding-left: 20px;
}

.news .news_fr dl dd:after {
  background: url(../images/icon_yd.jpg) no-repeat left center;
  width: 5px;
  height: 11px;
  content: "";
  position: absolute;
  left: -3px;
  top: 50%;
  margin-top: -5px;
}

.news .news_fr dl dd span {
  padding-right: 10px;
}

.news .news_fr dl dd:hover {
  color: #007cc2;
}

.news_fr .tjpro {
  text-align: center;
}

.news_fr .tjpro h4 {
  font-size: 18px;
  margin-top: 30px;
  color: #333;
}

.news_fr .tjpro .tjnews {
  border: 1px solid #eee;
  padding: 30px 0px;
}

.news_fr .tjpro .swiper-button-prev {
  background: url(../images/tjpro_prev.png) no-repeat center;
}

.news_fr .tjpro .swiper-button-next {
  background: url(../images/tjpro_next.png) no-repeat center;
}

/*新闻详情*/
.news_fl .news_ct h1 {
  font-size: 30px;
  color: #333;
  text-align: center;
}

.news_fl .news_ct p.info {
  text-align: center;
  margin: 20px auto;
}

.news_fl .news_ct {
  color: #777;
  line-height: 30px;
}

.news_fl .news_ct p {
  color: #777;
  line-height: 30px;
}

.Flippages {
  height: 52px;
  line-height: 52px;
  background: #f1f1f1;
  padding: 0px 30px;
  color: #666;
  margin-top: 50px;
  overflow: hidden;
}

.Flippages span {
  color: #999;
}

.Flippages a:hover {
  color: #007cc2;
}

.news_ct a.return {
  display: block;
  width: 150px;
  height: 48px;
  border: 1px solid #eee;
  text-align: center;
  line-height: 48px;
  margin: 0px auto;
  background: url(../images/return.jpg) no-repeat 110px center;
  color: #777;
}

.news_ct a.return:hover {
  border: 1px solid #007cc2;
  color: #007cc2;
  background: url(../images/returnon.jpg) no-repeat 110px center;
}

.news_ct span.hits {
  background: url(../images/icon_hits.png) no-repeat 12px center;
  padding-left: 30px;
}

/*分享样式*/
.news_ct .share {
  margin: 30px auto !important;
  text-align: center !important;
}

.news_ct .share .bds_tsina {
  background: url(../images/icon_tsina.jpg) no-repeat center !important;
}

.news_ct .share .bds_weixin {
  background: url(../images/icon_weixin.jpg) no-repeat center !important;
}

.news_ct .share .bds_tqq {
  background: url(../images/icon_tqq.jpg) no-repeat center !important;
}

.news_ct .share .bds_qzone {
  background: url(../images/icon_qzone.jpg) no-repeat center !important;
}

.news_ct .share .bds_renren {
  background: url(../images/icon_renren.jpg) no-repeat center !important;
}

.news_ct .share .bds_more {
  background: url(../images/icon_more.jpg) no-repeat center !important;
}

.news_ct .share>a {
  float: none !important;
}

.news_ct .share a {
  display: inline-block !important;
  margin: 0 0 0 3px !important;
  width: 27px !important;
  height: 27px !important;
}

/*微信分享高度样式*/
.bd_weixin_popup {
  height: 310px !important;
}

/*临时公告*/
.temporary ul li {
  width: 27.285%;
  border-left: 1px solid #eee;
  padding-left: 30px;
  position: relative;
  float: left;
  margin-right: 8.9%;
  margin-bottom: 8%;
}

.temporary ul li:nth-child(3n) {
  margin-right: 0px;
}

.temporary ul li:after {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 100px;
  background: #999;
  top: 0px;
  content: "";
}

.temporary ul li span {
  color: #999;
}

.temporary ul li h4 {
  color: #444444;
  font-size: 20px;
  margin: 20px auto;
}

.temporary ul li h4 a:hover {
  color: #007cc2
}

.temporary ul li p {
  color: #777;
  line-height: 28px;
}

.temporary ul li a.more {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #d2d2d2;
  margin-top: 20px;
  font-family: "宋体";
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  color: #999;
}

.temporary ul li a.more:hover {
  background: #007cc2;
  color: #fff;
  border-color: #007cc2;
}


/*人才发展*/
.personnel {
  min-height: 800px;
  padding: 170px 0 170px;
}

.personnel h1 {
  font-size: 60px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

.personnel i {
  display: block;
  width: 54px;
  height: 8px;
  background: #fff;
  margin: 50px 0 95px;
}

.personnel h2 {
  font-size: 72px;
  font-weight: bold;
  text-align: left;
}

.personnel .contain {
  position: relative;
  height: 100%;
  text-align: center;
  color: #fff;
}

.personnel .contain p {
  margin-top: 20px;
  font-size: 18px;
}

.personnel .xyzp {
  position: relative;
  left: 0px;
  width: 115px;
  float: left;
}

.personnel .shzp {
  position: relative;
  margin-left: 40px;
  width: 115px;
  float: left;
}

/*人才发展-员工风采*/
.ygcrumbs {
  color: #c0dafb;
  background: url(../images/icon_home.png) no-repeat left center;
  padding-left: 20px;
}

.job_list {
  padding: 3%;
  background: #fff;
  margin-top: 20px;
}

.job_list ul {
  overflow: hidden;
  margin-bottom: 30px;
}

.job_list ul li {
  width: 31.93%;
  text-align: center;
  font-size: 18px;
  float: left;
  margin-bottom: 20px;
  margin-right: 1.9%;
}

.job_list ul li:nth-child(3n) {
  margin-right: 0px;
}

.job_list ul li img {
  max-width: 100%;
}

.job_list ul li h4 {
  margin-top: 20px;
}

/*人才发展*/
.job_box .menubox {
  margin-top: 50px;
  overflow: hidden;
}

.job_box .menubox a {
  display: block;
  width: 50%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #f3f3f3;
  float: left;
  font-size: 18px;
}

.job_box .menubox a.on {
  background: #007cc2;
  color: #fff;
}

/*招聘*/
.job_list_box span.tit,
.job_list_box span.money,
.job_list_box span.man,
.job_list_box span.add,
.job_list_box span.date {
  width: 18%;
  display: block;
  float: left;
  text-align: center;
}

.jobhtit {
  background: #f3f3f3;
  color: #333;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
}

.job_list_box {
  background: #fff;
  padding: 3%;
}

.job_list_box ul {
  margin-bottom: 30px;
}

.job_list_box ul li {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  margin-bottom: 0px;
}

.job_list_box .job_top {
  background: #fff;
  overflow: hidden;
  padding: 20px 0px;
  color: #666;
  border-bottom: 1px solid #ecebeb;
  cursor: pointer;
}

.job_list_box ul li span.cur {
  background: url(../images/icon_top.png) no-repeat center;
  display: block;
  float: right;
  width: 10%;
}

.job_list_box ul li.cur span.cur {
  background: url(../images/icon_down.png) no-repeat center;
}

.job_con .content {
  padding: 27px 60px;
  background: #f7f7f7;
  color: #666;
  line-height: 30px;
}

.job_con .content h4 {
  color: #333;
  margin: 10px auto;
  font-size: 14px;
  font-weight: bold;
}

.job_con .content .apply_job {
  background: #057fc3;
  width: 160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  display: block;
  margin-top: 20px;
}

/*员工之家*/
.pdtb40 {
  padding: 40px 0px;
}

.bgcolor1 {
  background: #f5f5f5;
}

.bgcolorw {
  background: #fff !important;
}

.staff_fl {
  width: 18.57%;
  padding: 50px 30px;
  background: #fff;
  float: left;
  min-height: 700px;
}

.staff_fl .vip-pic {
  margin: 0px auto;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.staff_fl .vip-pic img {
  max-width: 100%;
  height: 100px;
  object-fit: cover;
}

.staff_fl .name {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
}

.staff_fl .department {
  color: #666;
  text-align: center;
  margin-bottom: 30px;
}

.staff_fl .up-pic {
  background: url(../images/icon-vip-pic.png) no-repeat 45px center;
}

.staff_fl .up-file {
  background: url(../images/icon-vip-file.png) no-repeat 45px center;
}

.staff_fl .up-pic,
.staff_fl .up-file {
  position: relative;
  border: 1px solid #dadada;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px 0px 90px;
  margin-bottom: 20px;
}

.staff_fl input[type="file"] {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 0px;
}

.staff_fr {
  width: 78.57%;
  float: right;
}

.file_format {
  height: 160px;
  border: 1px dashed #d6d6d6;
  text-align: center;
  font-size: 18px;
  color: #999;
  margin-bottom: 40px;
}

.file_format span {
  position: relative;
  display: inline-block;
  top: 50px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  margin: 0px 5px;
}

.file_format span input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.file_format span.xz {
  color: #999;
}

.file_format span.pic {
  background: #008dd2 url(../images/icon_pic.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.file_format span.file {
  background: #ffa303 url(../images/icon_file.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.staff_fr .staff_upload h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
}

.staff_fr .staff_upload h4 span {
  color: #008dd2;
  font-size: 18px;
}

.staff_fr .xzfile {
  position: relative;
  width: 160px;
  height: 48px;
  background: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
  line-height: 48px;
  color: #777777;
}

.staff_fr .xzfile input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.staff_fr .staff_upload p {
  color: #888;
  font-weight: lighter;
  margin: 20px 0;
}

.staff_fr .staff_upload textarea {
  border: 1px solid #e9e9e9;
  width: 100%;
  height: 200px;
}

.staff_fr .staff_upload .form_sub input {
  width: 214px;
  height: 60px;
  background: #c4c4c4;
  color: #fff;
  font-size: 16px;
  outline: none;
  border: 0px;
  cursor: pointer;
}

.staff_fr .staff_upload .form_sub input[type="submit"] {
  background: #007cc2;
}


/*员工之家2*/
.staff_flt {
  width: 15.35%;
  padding: 50px 30px;
  background: #f5f5f5;
  float: left;
  min-height: 800px;
}

.staff_flt .vip-pic {
  margin: 0px auto;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.staff_flt .vip-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.staff_flt .name {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
}

.staff_flt .department {
  color: #666;
  text-align: center;
  margin-bottom: 30px;
}

.staff_flt input[type="file"] {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 0px;
}

.staff_frt {
  width: 78.57%;
  float: right;
  margin-bottom: 70px;
}

.staff_frt .file_format {
  height: 160px;
  border: 0px;
  border-bottom: 1px solid #d6d6d6;
  text-align: center;
  font-size: 18px;
  color: #999;
  margin-bottom: 40px;
}

.file_format span {
  position: relative;
  display: inline-block;
  top: 50px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  margin: 0px 5px;
}

.file_format span input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.file_format span.xz {
  color: #999;
}

.file_format span.pic {
  background: #008dd2 url(../images/icon_pic.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.file_format span.file {
  background: #ffa303 url(../images/icon_file.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.staff_frt .staff_upload h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
}

.staff_frt .staff_upload h4 span {
  color: #008dd2;
  font-size: 18px;
}

.staff_frt .xzfile {
  position: relative;
  width: 160px;
  height: 48px;
  background: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
  line-height: 48px;
  color: #777777;
}

.staff_frt .xzfile input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.staff_frt .staff_upload p {
  color: #888;
  font-weight: lighter;
  margin: 20px 0;
}

.staff_frt .staff_upload textarea {
  border: 0px;
  width: 100%;
  height: 200px;
  background: #f6f6f6;
}

.staff_frt .staff_upload .form_sub input {
  width: 214px;
  height: 60px;
  background: #c4c4c4;
  color: #fff;
  font-size: 16px;
  outline: none;
  border: 0px;
  cursor: pointer;
}

.staff_frt .staff_upload .form_sub input[type="submit"] {
  background: #007cc2;
}

.staff_frt ul {
  margin-bottom: 20px;
  overflow: hidden;
}

.staff_frt ul li {
  width: 19.3292%;
  float: left;
  border: 1px solid #e3e3e3;
  margin-left: 0.7%;
  height: 149px;
  position: relative;
}

.staff_frt ul li img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.staff_frt ul li:first-child {
  margin-left: 0px;
}

/*全屏上传*/
.fix-bar-fr {
  width: 86.771%;
  float: right;
  margin-bottom: 70px;
}

.fix-bar-fr .file_format {
  height: 146px;
  border: 0px;
  text-align: left;
  font-size: 18px;
  color: #999;
  margin-bottom: 0px;
  padding-left: 6%;
}

.fix-bar-fr .file_format span.xz {
  padding-left: 0px;
}

.fix-bar-fr .file_format span.pic,
.fix-bar-fr .file_format span.file {
  text-align: center;
}

.file_format span {
  position: relative;
  display: inline-block;
  top: 50px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  margin: 0px 5px;
}

.file_format span input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.file_format span.xz {
  color: #999;
}

.file_format span.pic {
  background: #008dd2 url(../images/icon_pic.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.file_format span.file {
  background: #ffa303 url(../images/icon_file.png) no-repeat 45px center;
  width: 220px;
  height: 60px;
}

.fix-bar-fr .staff_upload h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
}

.fix-bar-fr .staff_upload h4 span {
  color: #008dd2;
  font-size: 18px;
}

.fix-bar-fr .xzfile {
  position: relative;
  width: 160px;
  height: 48px;
  background: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
  line-height: 48px;
  color: #777777;
}

.fix-bar-fr .xzfile input {
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.fix-bar-fr .staff_upload p {
  color: #888;
  font-weight: lighter;
  margin: 20px 0;
}

.fix-bar-fr .staff_upload textarea {
  border: 0px;
  width: 100%;
  height: 200px;
  background: #fff;
}

.fix-bar-fr .staff_upload .form_sub input {
  width: 214px;
  height: 60px;
  background: #c4c4c4;
  color: #fff;
  font-size: 16px;
  outline: none;
  border: 0px;
  cursor: pointer;
}

.fix-bar-fr .staff_upload .form_sub input[type="submit"] {
  background: #007cc2;
}

.fix-bar-fr ul {
  margin: 20px auto;
  overflow: hidden;
}

.fix-bar-fr ul li {
  width: 19.3292%;
  float: left;
  border: 1px solid #e3e3e3;
  margin-left: 0.81%;
  height: 194px;
  position: relative;
  background: #fff url(../images/click-more.png) no-repeat center;
}

.fix-bar-fr ul li span {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
  color: #999;
  font-weight: lighter;
  font-family: "微软雅黑";
}

.fix-bar-fr ul li span a {
  color: #007cc2;
}

.fix-bar-fr ul li img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.fix-bar-fr ul li:first-child {
  margin-left: 0px;
}

.fix-bar-fl {
  background: #02649b;
  float: left;
  width: 13.229%;
  height: 100%;
  position: fixed;
  text-align: center;
}

.fix-bar-fl .vip-pic {
  margin: 60px auto 20px;
}

.fix-bar-fl .name {
  font-weight: lighter;
  color: #fff;
  margin-bottom: 10px;
}

.fix-bar-fl .department {
  color: #fff;
  font-weight: lighter;
}

.fix-bar-fl a.rt-home {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70px;
  width: 100%;
  background: #035d90 url(../images/rt-more.png) no-repeat 20% center;
  line-height: 70px;
  color: #fff;
}

.fix-bar-fl img {
  max-width: 100%;
}

.file-upload {
  padding: 4% 4% 4% 6%;
}


/*员工之家-公司资料*/
.com_menu {
  border: 1px solid #e1e1e1;
  overflow: hidden;
}

.com_menu a {
  width: 50%;
  display: block;
  float: left;
  border-left: 1px solid #e1e1e1;
  color: #666;
  font-size: 18px;
  background: #fff;
  height: 64px;
  text-align: center;
  line-height: 64px;
}

.com_menu a.on {
  border-bottom: 3px solid #007cc2;
  color: #007cc2;
}

.com_cate {
  text-align: center;
  margin: 30px auto;
}

.com_cate a {
  width: 158px;
  display: inline-block;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #666;
  font-size: 14px;
  background: #fff;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.com_cate a.on {
  background: #007cc2;
  color: #fff;
}

/*员工之家-图片资料*/
.com_list ul li {
  width: 31.59%;
  position: relative;
  float: left;
  margin-right: 2.55%;
  margin-bottom: 2.55%;
}

.com_list ul li img {
  max-width: 100%;
}

.com_list ul li a p {
  color: #fff;
  margin-top: 20px;
  font-size: 16px;
}

.com_list ul li:nth-child(3n) {
  margin-right: 0px;
}

.com_list ul li a {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  padding-top: 35%;
}

.com_list ul li:hover a {
  display: block;
}

/*员工之家-文档资料*/
.com_filelist {
  background: #fff;
  padding: 55px 40px;
}

.com_filelist li {
  overflow: hidden;
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #ececec;
  position: relative;
}

.com_filelist li:after {
  position: absolute;
  left: 0px;
  top: 8px;
  content: "";
  width: 4px;
  height: 4px;
  background: #999;
}

.com_filelist li .tit {
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  color: #777;
  padding-left: 10px;
}

.com_filelist li .date {
  width: 30%;
  text-align: center;
  float: left;
  color: #999;
}

.com_filelist li .down {
  width: 20%;
  float: right;
}

.com_filelist li .down a {
  text-align: right;
  width: 100%;
  height: 100%;
  display: block;
  color: #007cc2;
  text-decoration: underline;
  background: url(../images/icon_down2.png) no-repeat right center;
  padding-right: 25px;
}

/*关于我们*/
.about_video h2 {
  font-size: 42px;
  color: #333;
  text-align: center;
  margin-bottom: 60px;
}

.about_video .abv_fl {
  width: 43.12485%;
  float: left;
  position: relative;
}

.about_video .abv_fl .com-img img {
  max-width: 100%;
}

.about_video .abv_fl a {
  display: block;
  position: absolute;
  width: 54px;
  height: 53px;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -26px;
  background: url(../images/abv_play.png) no-repeat center / cover;
}

.about_video .abv_fr {
  width: 51.4285%;
  float: right;
  height: 580px;
  overflow: hidden;
  position: relative;
  padding-right: 15px;
}

.about_video .abv_fr h4 {
  font-size: 28px;
  color: #666;
  position: relative;
  padding-left: 15px;
}

.about_video .abv_fr h4:after {
  position: absolute;
  left: 0px;
  top: 8px;
  content: "";
  width: 5px;
  height: 45px;
  background: #007cc2;
}

.about_video .abv_fr h5 {
  font-size: 12px;
  color: #999;
  padding-left: 15px;
  text-transform: uppercase;
  margin-top: 5px;
}

.about_video .abv_fr p {
  color: #666;
  line-height: 30px;
  margin: 30px auto;
}

.about_video .abv_fr dd {
  width: 50%;
  float: left;
  border-left: 1px solid #eee;
  text-align: center;
  font-weight: lighter;
  font-size: 20px;
  color: #333;
}

.about_video .abv_fr dd span {
  font-size: 60px;
  font-weight: bold;
}

.about_video .abv_fr dd:first-child {
  border-left: 0px;
}

.ab-say {
  background: url(../images/say_bg.jpg) no-repeat center / cover;
  height: 468px;
  width: 100%;
}

.ab-sayfl {
  width: 50%;
  float: left;
  color: #fff;
  padding-top: 120px;
  position: relative;
}

.ab-sayfl h4 {
  font-size: 42px;
  margin-bottom: 25px;
}

.ab-sayfl p {
  line-height: 30px;
}

.ab-sayfr {
  padding-top: 70px;
  width: 50%;
  float: right;
  text-align: center;
}

.zczc {
  position: relative;
  height: 175px;
  overflow: hidden;
  padding-right: 15px;
}

/*发展历程效果*/
.history h2 {
  font-size: 42px;
  margin-bottom: 40px;
  color: #333;
  text-align: center;
}

.equipment {
  padding: 50px 0 !important;
}

.equipment1,
.equipment2 {
  max-width: 1400px;
  margin: 0 auto;
}

.equipment1 .item {
  position: relative;
  overflow: hidden;
  height: 430px;
}

.equipment1 .item .content {
  font-size: 18px;
  color: #333;
}

.equipment2 {
  position: relative;
  margin-bottom: 20px !important;
  height: auto;
  overflow: hidden;
  font-family: "Verdana", Arial;
}

.equipment2 .swiper-container {
  width: calc(100% - 100px)
}

.equipment2 .item img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.equipment2 .swiper-button-prev,
.equipment2 .swiper-button-next {
  width: 46px;
  height: 46px;
  bottom: 0;
}

.equipment2 .swiper-button-prev {
  background: url(../images/hs_prev.png) no-repeat;
  left: 0;
}

.equipment2 .swiper-button-next {
  background: url(../images/hs_next.png) no-repeat;
  right: 0;
}

.equipment2 .swiper-button-next.swiper-button-disabled {
  background: url(../images/hs_prev.png) no-repeat;
}

.equipment2 .swiper-button-prev.swiper-button-disabled {
  background: url(../images/hs_next.png) no-repeat;
}

.equipment2 i {
  position: absolute;
  left: 0px;
  width: 200%;
  bottom: 20px;
  background: #e1e1e1;
  height: 1px;
}

.equip-min {
  display: block;
  position: relative;
}

.equip-min:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 17px;
  left: 50%;
  border-radius: 50%;
  background: #e1e1e1;
}

.equip-min span {
  display: block;
  height: 70px;
  font-size: 18px;
  color: #909090;
  text-align: center;
  z-index: 2;
  margin: 0px auto;
}

.equip-min.cur span {
  color: #007cc2;
}

.equip-min.cur:after {
  background: #007cc2;
}

.hisbox {
  height: 500px;
}

.hisbox .hisfl {
  width: 48.5%;
  float: left;
  background: url(../images/lc_bg.jpg) no-repeat center;
  height: 100%;
  padding: 5%;
}

.hisbox .hisfl .no-height {
  position: relative;
  height: 70%;
  overflow: hidden;
}

.hisbox .hisfl h3 {
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 20px;
}

.hisbox .hisfl h3:after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  width: 20px;
  height: 4px;
  background: #fff;
}

.hisbox .hisfl ul li {
  line-height: 35px;
  color: #fff;
  padding-left: 15px;
  position: relative;
}

.hisbox .hisfl ul li:after {
  position: absolute;
  left: 0px;
  top: 15px;
  content: "";
  width: 4px;
  height: 4px;
  background: #fff;
}

.hisbox .hisfr {
  51.5%;
  float: right;
  position: relative;
}

.hisbox .hisfr img {
  margin-top: 40px;
  display: block;
}

.ab-honor h2 {
  font-size: 42px;
  margin-bottom: 40px;
  color: #333;
  text-align: center;
}

.ab-honor a {
  display: block;
  padding: 20px 30px;
  background: #fff;
  text-align: center;
}

.ab-honor a img {
  max-width: 100%;
  overflow: hidden;
}

.ab-honor h4 {
  text-align: center;
  font-size: 16px;
  margin-top: 25px;
  color: #666;
}

.abhonor {
  padding-bottom: 50px !important;
}

.ab-news {
  padding: 60px 0px;
  color: #666;
  overflow: hidden;
}

.ab-news .ab-newsfl {
  width: 50%;
  border-right: 1px solid #eee;
  float: left;
}

.ab-news ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 14px;
}

.ab-news ul li:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 8px;
  width: 5px;
  height: 5px;
  background: #999;
}

.ab-news ul li a:hover {
  color: #007cc2;
}

.ab-news .ab-newsfr {
  width: 50%;
  float: right;
  padding-left: 15%;
}

.ab-join {
  background: url(../images/join_bg.jpg) no-repeat center / cover;
  height: 381px;
  color: #fff;
}

.ab-join h2 {
  font-size: 42px;
  margin-bottom: 40px;
  text-align: center;
}

.ab-join p.info {
  margin-bottom: 40px;
  font-size: 18px;
}

.ab-join p {
  text-align: center;
}

.ab-join p a {
  display: inline-block;
  width: 160px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #fff;
  margin: 0px 5px;
}

.ab-join p a:hover {
  background: #fff;
  color: #333;
}

/*联系我们*/
.contact .info {
  text-align: center;
  color: #777;
  font-size: 18px;
  margin-bottom: 50px;
}

.cont_fl {
  width: 50%;
  float: left;
}

.cont_fl h4 {
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  background: #007cc2;
  color: #fff;
  padding-left: 40%;
}

.cont_fl dl {
  padding: 45px 0px;
  background: #f8f8f8;
  padding-left: 40%;
  color: #777;
}

.cont_fl dl dd {
  margin-bottom: 35px;
  background: url(../images/conticon.png) no-repeat left top;
  padding-left: 30px;
}

.cont_fl dl dd.tel {
  background-position: left -45px;
}

.cont_fl dl dd.fax {
  background-position: left -94px;
}

.cont_fl dl dd.email {
  background-position: left -142px;
}

.cont_fl dl dd.zipcode {
  background-position: left -190px;
}

.cont_fl img {
  max-width: none;
}

.cont_fl .xlt {
  text-align: center;
  padding-top: 10px;
  border-right: 1px solid #eee;
  margin-top: 55px;
}

.cont_fr {}

.cont_fr h4 {
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  background: #dedede;
  color: #333;
  padding-left: 22.9%;
}

.cont_fr dl {
  padding: 45px 0px;
  background: #fff;
  padding-left: 22.9%;
  color: #777;
}

.cont_fr dl dd {
  margin-bottom: 35px;
  background: url(../images/conticon.png) no-repeat left top;
  padding-left: 30px;
}

.cont_fr dl dd.tel {
  background-position: left -45px;
}

.cont_fr dl dd.fax {
  background-position: left -94px;
}

.cont_fr dl dd.email {
  background-position: left -142px;
}

.cont_fr dl dd.zipcode {
  background-position: left -190px;
}

.cont_fr img {
  max-width: 100%;
}

.cont_fr .cont {
  padding: 90px 100px;
  line-height: 50px;
  color: #999;
}

.cont_fr .cont span {
  color: #333;
}

/*员工之家3*/
.homebann {
  position: relative;
  padding-bottom: 120px;
}

.homebann .vipmsg {
  position: absolute;
  top: 120px;
  text-align: center;
  left: 50%;
  color: #999;
  width: 120px;
  margin-left: -60px;
}

.homebann .vipmsg img {
  width: 91px;
  height: 91px;
  border-radius: 50%;
  overflow: hidden;
}

.homebann .vipmsg .id {
  margin: 10px auto 5px;
}

.bn img {
  max-width: 100%;
  height: 166px;
  object-fit: cover;
}

.shlist h3 {
  font-size: 16px;
  color: #666;
  margin-bottom: 25px;
  position: relative;
}

.shlist h3 span {
  color: #007cc2;
}

.shlist ul li {
  width: 23.85%;
  float: left;
  margin-right: 1.428%;
  margin-bottom: 3%;
  background: #fff;
  position;
  relative;
  height: 240px;
}

.shlist ul li img {
  max-width: 100%;
  width: 100%;
  height: 242px;
  object-fit: cover;
}

.shlist h5 .fd img {
  max-width: auto;
  height: auto;
}

.shlist ul li:nth-child(4n) {
  margin-right: 0px;
}

.shlist ul li h4 {
  height: 55px;
  line-height: 55px;
  padding: 0px 20px;
  color: #666;
  position: relative;
}

.shlist ul li h4 span {
  position: absolute;
  right: 20px;
  top: 0px;
  background: url(../images/icon_ljt.png) no-repeat right center;
  padding-right: 20px;
}

.shlist ul li .com-img {
  position: relative;
}

.shlist ul li .com-img span {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.shlist h3 b {
  font-weight: normal;
  color: #999;
  font-size: 12px;
  position: absolute;
  right: 0px;
}

/*员工之家-upload004*/
.shlist h5 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%;
  padding: 0px 15px;
}

.shlist h5 .fd {
  position: absolute;
  right: 15px;
  z-index: 3;
}

.staffhome .menu {
  text-align: center;
}

.staffhome .menu a {
  color: #666;
  font-size: 16px;
  padding-bottom: 20px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  margin: 0px 10px;
}

.staffhome .menu a:hover,
.staffhome .menu a.on {
  color: #007cc2;
  border-bottom: 1px solid #007cc2;
}

.pdflist .note {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.pdflist h3 {
  font-size: 16px;
  color: #666;
  margin-bottom: 25px;
  position: relative;
}

.pdflist h3 span {
  color: #007cc2;
}

.pdflist ul li {
  width: 23.85%;
  float: left;
  margin-right: 1.428%;
  margin-bottom: 2%;
  background: #fff;
  padding: 20px;
}

.pdflist ul li:nth-child(4n) {
  margin-right: 0px;
}

.pdflist ul li h4 {
  height: 20px;
  color: #666;
  position: relative;
}

.pdflist ul li h4 span {
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../images/icon_down2.png) no-repeat right center;
  padding-right: 20px;
  color: #007cc2;
}

.pdflist ul li .com-img {
  position: relative;
}

.pdflist ul li .com-img span {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.pdflist h3 b {
  font-weight: normal;
  color: #999;
  font-size: 12px;
  position: absolute;
  right: 0px;
}


/*成员企业-详情页*/
.comp_info {
  max-width: 1400px;
  margin: 0px auto;
  margin-bottom: 50px !important;
}

.comp_info .auto_fl {
  width: 50%;
  float: left;
}

.comp_info .auto_fl img {
  max-width: 100%;
}

.comp_info .auto_fr {
  width: 45%;
  float: right;
}

.comp_info .auto_fr h2 {
  font-size: 36px;
  color: #333;
  margin: 20px auto;
}

.comp_info .auto_fr p {
  color: #777;
  line-height: 30px;
}

.comp_info .auto_fr a {
  margin-top: 50px;
  display: block;
  width: 170px;
  height: 50px;
  border: 1px solid #007cc2;
  color: #007cc2;
  line-height: 50px;
  padding-left: 45px;
  background: url(../images/rightjt.png) no-repeat 110px center;
}

.comp_picbox {
  background: #f6f6f6;
  height: 400px;
  padding-top: 50px;
  position: relative;
}

.comp_pic {
  max-width: 1400px;
  margin: 0px auto;
}

.comp_pic .box {
  position: relative;
  border: 2px solid #f6f6f6;
}

.comp_pic .box img {
  max-width: 100%;
}

.comp_pic .box h4 {
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #007cc2;
  width: 100%;
}

.comp_pic .swiper-slide-active .box {
  border: 2px solid #007cc2;
}

.comp_pic .swiper-slide {
  margin-bottom: 40px;
  position: relative;
}

.comp_pic .swiper-slide-active:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #007cc2;
  bottom: -40px;
  left: 0px;
}

.comp_picbox .swiper-button-prev {
  width: 20px;
  height: 10px;
  background: url(../images/com-prev.png) no-repeat center;
  left: 10%;
}

.comp_picbox .swiper-button-next {
  width: 20px;
  height: 10px;
  background: url(../images/com-next.png) no-repeat center;
  right: 10%;
}


/*员工之家-员工资料*/
.pers_list {
  margin-top: 30px;
}

.pers_list ul li {
  background: #fff;
  margin-bottom: 20px;
  padding: 30px;
  overflow: hidden;
}

.pers_list .pic {
  width: 16%;
  margin-right: 5%;
  float: left;
  color: #999;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}

.pers_list .pic h4 {
  margin: 15px auto 5px;
}

.pers_list .pic img {
  max-width: 100%;
  height: 100px;
  object-fit: cover;
}

.pers_list .list {
  width: 71%;
  float: left;
}

.pers_list .list a {
  display: inline-block;
  width: 31%;
  margin: 0 1%;
}

.pers_list .list a img {
  max-width: 100%;
  height: 160px;
  object-fit: cover;
}

.pers_list .more {
  width: 8%;
  float: right;
  color: #999;
}

.pers_list .more a {
  display: block;
  background: url(../images/icon_more.png) no-repeat center;
  width: 40px;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}

/*服务支持-下载中心*/
.sr_down_fl {
  width: 17.5%;
  border-right: 1px solid #ececec;
  float: left;
}

.sr_down_fl h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 20px;
}

.sr_down_fl ul li {
  border-bottom: 1px solid #ececec;
  color: #777;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 10px;
}

.sr_down_fl ul li:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #777777;
  left: 0px;
  top: 8px;
}

.sr_down_fl .box {
  width: 185px;
  padding-top: 70px;
}

.sr_down_fl ul li:hover:after {
  background: #007cc2;
}

/* .sr_down_fl ul li:hover:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  background: url(../images/icon_rsj.png) no-repeat center;
  right: 0px;
  top: 8px;
} */

.sr_down_fl ul li:hover a {
  color: #007cc2;
}

/* 二级导航样式 */
.sr_down_fl ul li .nav-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sr_down_fl ul li .nav-title .toggle-btn {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjNzc3IiBkPSJNMiA0bDQgNCA0LTRIMnoiLz48L3N2Zz4=) no-repeat center;
  transition: transform 0.3s;
}

.sr_down_fl ul li .nav-title .toggle-btn:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjMDA3Y2MyIiBkPSJNMiA0bDQgNCA0LTRIMnoiLz48L3N2Zz4=);
}

.sr_down_fl ul li .sub-nav {
  margin-top: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.sr_down_fl ul li .sub-nav.collapse {
  max-height: 0;
  opacity: 0;
}

.sr_down_fl ul li .sub-nav.expand {
  max-height: 500px;
  opacity: 1;
}

.sr_down_fl ul li .sub-nav li {
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.sr_down_fl ul li .sub-nav li:after {
  width: 3px;
  height: 3px;
  top: 7px;
}

.sr_down_fl ul li .sub-nav li a {
  font-size: 14px;
  color: #999;
}

.sr_down_fl ul li .sub-nav li:hover a {
  color: #007cc2;
}

.sr_down_fl ul li .sub-nav li.cur a {
  color: #007cc2;
  font-weight: bold;
}

.sr_down_fl ul li .toggle-btn.expanded {
  transform: rotate(180deg);
}

.server_down {
  margin-bottom: 60px;
}

.sr_down_fr {
  width: 74%;
  float: right;
}

.sr_down_fr ul {
  padding-top: 70px;
}

.sr_down_fr ul li {
  margin-bottom: 50px;
  width: 46%;
  float: left;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  position: relative;
  height: 72px;
}

.sr_down_fr ul li p {
  color: #999;
  margin-bottom: 15px;
}

.sr_down_fr ul li:nth-child(2n) {
  margin-left: 8%;
}

.sr_down_fr ul li h4 {
  font-size: 16px;
  color: #666;
}

.sr_down_fr ul li a {
  position: absolute;
  right: 10px;
  width: 54px;
  height: 54px;
  background: url(../images/icon_downs.png) no-repeat right center;
}

.login {
  background: url(../images/login.jpg) no-repeat center / cover;
  height: 663px;
}

.login-box {
  width: 460px;
  height: 490px;
  padding: 40px;
  background: #fff;
  float: right;
}

.login-box .logintb {
  color: #333;
  font-size: 18px;
  font-family: "微软雅黑";
  text-align: center;
}

.login-box .logintb a {
  padding: 0px 20px;
}

.login-box .logintb a:first-child {
  border-right: 2px solid #e4e4e4;
}

.login-box .logintb a.on,
.login-box .logintb a:hover {
  color: #007cc2;
}

.loginform input[type="text"] {
  width: 100%;
  height: 50px;
  border: 1px solid #e0e0e0;
  margin-top: 10px;
  padding: 0px 10px;
}

.login-box {
  position: relative;
}

.loginform {
  margin-top: 15px;
}

.loginform span.tip {
  background: #ffebeb url(../images/icon_jg.png) no-repeat 10px center;
  color: #e4393c;
  padding: 5px 10px 5px 30px;
  font-size: 12px;
  font-weight: lighter;
  display: block;
  border: 1px solid #f3b6b7;
  position: relative;
  top: 10px;
  display: none;
}

.loginform .vcode {
  overflow: hidden;
  position: relative;
}

.loginform .vcode span {
  position: absolute;
  right: 0px;
  top: 0px;
}

.loginform .vcode input {
  width: 50%;
  float: left;
}

.loginform .vcode img {
  float: left;
  margin-top: 10px;
}

.loginform input[type="submit"] {
  width: 100%;
  height: 50px;
  margin-top: 25px;
  background: #007cc2;
  border: 0px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.loginform .wel {
  color: #999;
  font-weight: lighter;
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

.loginform .wel:after {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #eee;
  content: "";
}

.loginform .wel span {
  position: relative;
  z-index: 99;
  background: #fff;
  padding: 0px 20px;
}

.login-tel {
  position: relative;
}

.login-tel:after {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  background: url(../images/icon-lg-tel.jpg) no-repeat center;
  right: 1px;
  top: 11px;
}

.icon_lg1 {
  position: relative;
  display: block;
}

.icon_lg1 span {
  position: absolute;
  right: 1px;
  top: 11px;
  background: url(../images/icon_lg1.jpg) no-repeat right center;
  width: 48px;
  height: 48px;
}

.icon_lg2 {
  position: relative;
  display: block;
}

.icon_lg2 span {
  position: absolute;
  right: 1px;
  top: 11px;
  background: url(../images/icon_lg2.jpg) no-repeat right center;
  width: 48px;
  height: 48px;
}

.icon_lg3 {
  position: relative;
  display: block;
}

.icon_lg3 span {
  position: absolute;
  right: 1px;
  top: 11px;
  background: url(../images/icon_lg3.jpg) no-repeat right center;
  width: 48px;
  height: 48px;
}

.icon_lg4 {
  position: relative;
  display: block;
}

.icon_lg4 span {
  position: absolute;
  right: 1px;
  top: 11px;
  background: url(../images/icon_lg4.jpg) no-repeat right center;
  width: 48px;
  height: 48px;
}



/*发表*/
.BCcustFaq-post {
  padding: 31px 5% 24px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
  margin: 20px 0 0;
}

.text.BCCFpost-text {
  padding: 10px;
  width: 100%;
  height: 122px;
  border: 1px solid #ededed;
  resize: none;
}

.BCCFpost-list {
  padding: 5px 10px 5px 70px;
  min-height: 82px;
  border: 1px solid #ededed;
  position: relative;
  margin: 5px 0 0;
}

.BCCFpost-list .z_file {
  width: 60px;
  height: 60px;
  background: url(../images/icon-add2.png) no-repeat center center / cover;
  position: absolute;
  left: 10px;
  top: 10px;
}

.BCCFpost-list .z_file input::-webkit-file-upload-button {
  width: 80px;
  height: 80px;
  border: none;
  position: absolute;
  outline: 0;
  opacity: 0;
}

.BCCFpost-list .z_file input#file {
  display: block;
  width: auto;
  border: 0;
  vertical-align: middle;
}

.BCCFpost-list .z_addImg {
  padding: 5px 0 5px 10px;
  width: 20%;
  float: left;
}

.BCCFpost-list .z_addImg img {
  width: 100%;
  height: 60px;
  object-fit: cover;
}


/*遮罩层*/
.BCcustFaq-post .z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.BCcustFaq-post .z_alert {
  width: 300px;
  height: 200px;
  border-radius: 20px;
  background: #fff;
  font-size: 24px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -200px;
}

.BCcustFaq-post .z_alert p:nth-child(1) {
  line-height: 150px;
}

.BCcustFaq-post .z_alert p:nth-child(2) span {
  display: inline-block;
  width: 49%;
  height: 50px;
  line-height: 50px;
  float: left;
  border-top: 1px solid #ddd;
  background: #008dd2;
  color: #fff;
}

.BCcustFaq-post .z_cancel {
  border-right: 1px solid #ddd;
}


.pubtel {
  text-align: center;
}

.pubtel p {
  text-align: center;
  color: #666;
  margin: 0px auto;
  margin-bottom: 30px;
  background: #f7f7f7;
  font-size: 16px;
  display: inline-block;
  padding: 15px 30px;
}

.pubtel span {
  color: #008dd2;
}

.pubtel span.tel {
  font-weight: bold;
  font-size: 22px;
}

/* 个人中心图片轮播 */
#tupian .swiper-container {
  width: 100%;
  height: 100%;
}

#tupian {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  left: 0%;
  top: 0%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99;
}

#tupian .swiper-slide img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#tupian .swiper-button-prev {
  background-color: #333;
  background-size: 50%;
  left: 0px;
}

#tupian .swiper-button-next {
  background-color: #333;
  background-size: 50%;
  right: 0px;
}

.closex {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 35px;
  background: #333;
  color: #fff;
  line-height: 35px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  font-size: 24px;
  font-weight: normal;
}


/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
  padding: 20px;
  overflow: hidden;
  clear: both
}

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px;
  line-height: 100%
}

.pagination span {
  color: #333;
  font-size: 12px;
  padding: 7px 2px;
  margin: 0 2px;
  border-radius: 3px;
}

.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}

.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.pagination .st {
  font-family: 宋体
}

.text-secondary {
  text-align: center;
  padding: 20px 0
}

.ab_img img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
}

.ab_img p {
  text-wrap: inherit !important;
}

.ab_img p span {
  text-wrap: inherit !important;
}