.title h2{

  font-size: 48px;

  line-height: 48px;

  display: inline-block;

  font-weight: 700;

  background-image: linear-gradient(to right,#32beff 0,#005aab 100%);

  -webkit-background-clip: text;

  color: transparent;

}

.atlas .content {

  padding-top: 60px;

  padding-bottom: 90px;

  text-align: center;

}

.atlas .content h2 {

  text-align: left;

  margin-bottom: 30px;

}



/*公司简介大栏目 big*/

.intro-content{

  position: relative;

}

.company_introduce {

  background-color: #fafcfd;

  text-align: center;

}

.into_zj .content {

  padding-top: 60px;

  padding-bottom: 30px;

  text-align: center;

  position: relative;

}

.into_zj .content h2 {

  text-align: left;

  margin-bottom: 30px;

}

.company_introduce .content p {

  text-align: left;

  margin-bottom: 15px;

  font-size: 16px;

  line-height: 26px;

  color: #333;

}

.company_introduce .content p *{

  color: #333 !important;

}



/*公司六大发展阶段*/

.into_zj .history_title {

  padding: 60px 0 45px;

  background: url(../img/about/into_zj_history_title_bg.jpg) repeat;

  background-size: 100% 100%;

}

.into_zj .history_title h2 {

  font-size: 48px;

  line-height: 48px;

  text-align: center;

  color: #fff;

}

.into_zj .zj_history {

  min-height: 750px;

}

.into_zj .zj_history .tab_bar {

  position: relative;

  height: 330px;

}

.into_zj .zj_history .tab_bar .bg_box {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  min-width: 100%;

  min-height: 100%;

  overflow: hidden;

}

.into_zj .zj_history .tab_bar .bg_box img {

  min-width: 100%;

  min-height: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  margin: 0;

  width: auto;

  right: 0;

}

.into_zj .zj_history .tab_bar ul {

  z-index: 2;

  text-align: center;

  height: 100%;

  display: flex;

}

.into_zj .zj_history .tab_bar ul li {

  height: 100%;

  padding-top: 45px;

  padding-left: 30px;

  padding-right: 30px;

  color: #fff;

  position: relative;

  vertical-align: top;

  border-bottom: 1px solid rgba(50,190,255,.2);

  border-left: 1px solid rgba(255,255,255,.15);

  cursor: default;

}

.into_zj .zj_history .tab_bar ul li:first-child {

  border-left: none;

}

.into_zj .zj_history .tab_bar ul li.cur {

  border-bottom: 1px solid #32beff;

}

.o_df_1-6{

  width: 16.66666667%;

}

.into_zj .zj_history .tab_bar ul li i {

  display: block;

  margin: 0 auto;

  width: 45px;

  height: 45px;

  font-size: 45px;

  line-height: 45px;

  cursor: default;

}

.into_zj .zj_history .tab_bar ul li .stage {

  margin-top: 15px;

}

.into_zj .zj_history .tab_bar ul li .stage p {

  font-size: 14px;

  line-height: 30px;

  cursor: default;

}

.into_zj .zj_history .tab_bar ul li .time {

  margin-top: 20px;

  font-size: 20px;

  line-height: 30px;

  cursor: default;

}

.into_zj .zj_history .tab_bar ul li .line {

  margin-top: 20px;

  height: 1px;

  background-image: url(../img/about/into_zj_history_border.png);

}

.into_zj .zj_history .tab_bar ul li .describe {

  margin-top: 20px;

  font-size: 14px;

  line-height: 20px;

  cursor: default;

}

.into_zj .zj_history .tab_bar ul li .shadow {

  position: absolute;

  z-index: 5;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  box-sizing: border-box;

  background-color: rgba(50,190,255,.3);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c32beff, endColorstr=#4c32beff);

  display: none;

  display: block\0;

  background: 0 0\0;

  -webkit-filter: none\0;

  filter: none\0;

  background: url(../img/about/noColorBg.png) repeat\0;

}

.into_zj .zj_history .tab_bar ul li.cur .shadow {

  display: block;

  background-color: rgba(50,190,255,.3)\0;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c32beff, endColorstr=#4c32beff)\0;

}

.into_zj .zj_history .tab_bar ul li .select {

  position: absolute;

  z-index: 6;

  left: 50%;

  bottom: -5px;

  width: 9px;

  height: 9px;

  margin-left: -5px;

}

.into_zj .zj_history .tab_bar ul li.cur .select {

  width: 31px;

  height: 31px;

  margin-left: -16px;

  bottom: -16px;

  background-image: url(../img/about/into_zj_history_radius.png);

  background-size: 100% 100%;

}

.into_zj .zj_history .tab_bar ul li.cur .select img {

  position: absolute;

  top: 8px;

  left: 8px;

  width: 15px;

  height: 15px;

}

.into_zj .zj_history .tab_bar ul li .select img {

  width: 100%;

  height: 100%;

  transition: all 0s;

}

.into_zj .zj_history .tab_content {

  position: relative;

  background-image: url(../img/about/into_zj_history_details_bg.jpg);

  background-size: auto 100%;

  height: 420px;

}

.into_zj .zj_history .tab_content .tabswiper {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.development-swiper{

  width: 100%;

  height: 100%;

}

.swiper-slide-content {

  position: absolute;

  top: 60px;

  bottom: 60px;

  left: 1px;

  right: 0;

}

.o_4_10{

  width: 40%;

}

.o_6_10{

  width: 60%;

}

.swiper-slide-content .left {

  height: 100%;

  overflow: hidden;

  position: relative;

  font-size: 0;

  float: left;

}

.swiper-slide-content .left img{

  height: 100%;

  width: 100%;

}

.swiper-slide-content .right {

  padding-left: 60px;

  height: 100%;

  position: relative;

  font-size: 0;

  overflow: hidden;

}

.swiper-slide-content .right h2 {

  font-size: 24px;

  line-height: 30px;

  color: #32beff;

  font-weight: 700;

}

.swiper-slide-content .right .line {

  margin-top: 30px;

  height: 3px;

  position: relative;

}

.swiper-slide-content .right .line:before {

  content: '';

  width: 100%;

  height: 1px;

  background-color: rgba(50,190,255,.2);

  display: block;

  position: absolute;

  top: 1px;

  left: 0;

  z-index: 1;

}

.swiper-slide-content .right .line:after {

  content: '';

  width: 200px;

  height: 3px;

  background-color: #32beff;

  display: inline-block;

  position: relative;

  z-index: 2;

}

.swiper-slide-content .right p {

  margin-top: 30px;

  font-size: 16px;

  line-height: 25px;

  color: #ccc;

}

.zj_history .swiper-button-prev:after, .zj_history .swiper-container-rtl .swiper-button-next:after {

  content: none;

}

.zj_history .swiper-button-next:after, .zj_history .swiper-container-rtl .swiper-button-prev:after {

  content: none;

}

.zj_history .swiper-button-next, .zj_history .swiper-button-prev {

  width: auto;

  height: auto;

}

.zj_history .arrow{

  font-size: 48px;

  color: #fff;

}

.zj_history .swiper-button-next {

  bottom: 60px;

  top: auto;

  right: 0;

  left: auto;

}

.zj_history .swiper-button-prev {

  bottom: 60px;

  top: auto;

  right: 0;

  left: auto;

  margin-right: 68px;

}

.swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background: #a1abb7;

  opacity: 1;

}

.swiper-pagination-bullet-active {

  width: 14px;

  height: 14px;

  opacity: 1;

  border: 3px solid #fff;

  background-color: transparent;

  background: transparent;

}



/*企业创始人简介*/

.sd_module {

  position: relative;

  font-size: 0;

}

.sd_module .left {

  position: relative;

  display: block;

}

.w-2{

  width: 50%;

}

/*.o_df_2-3{

  width: 66.66666667%;

}*/

.left .pic_banner {

  display: block;

  position: relative;

  text-align: center;

}

.banner_banner {

  position: relative;

  display: block;

  overflow: hidden;

  max-width: 100%;

  height: 570px;

}

.banner_banner img.fixCover {

  width: auto;

  height: 570px;

  position: absolute;

  left: 0;

  top: 0;

}

.banner_banner img.character {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  height: 100%;

}

.left .pic_box {

  position: absolute;

  top: 30px;

  bottom: 30px;

  left: 20%;

  text-align: center;

  overflow: hidden;

}

.left .pic_box img{

  width: 100%;

  height: 100%;

}

.left .pic_box:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  opacity: .5;

  margin: 20px;

}

.into_zj .ceo .left .pic_box img {

  margin: -100%;

  min-height: 100%;

  min-width: 100%;

  width: 506px;

  height: auto;

  position: absolute;

  margin-left: -253px;

  left: 50%;

  top: 50%;

  margin-top: -253px;

}

.sd_module .right {

  position: absolute;

  z-index: 2;

  left: 50%;

  top: 0;

  bottom: 0;

}

.sd_module .right:after {

  height: 100%;

  width: 0;

  display: inline-block;

  vertical-align: middle;

  content: '';

}

.sd_module .right .ceo_details_box {

  padding-top: 66px;

  text-align: center;

}

.sd_module .right .ceo_details_box .btn{

  padding: 0;

  margin-top: 45px;

}

.o_df_10-12 {

  width: 83.33333333%;

}

.sd_module .right .ceo_details_box p {

  margin-top: 20px;

  font-size: 20px;

  line-height: 26px;

  color: #666;

}

.sd_module .right .ceo_details_box .line {

  width: 100%;

  margin-top: 30px;

  position: relative;

}

.sd_module .right .ceo_details_box .line:before {

  content: '';

  width: 100%;

  height: 1px;

  background-color: rgba(0,90,171,.15);

  display: block;

  position: absolute;

  top: 1px;

  left: 0;

  z-index: 1;

}

.sd_module .right .ceo_details_box .line:after {

  content: '';

  width: 200px;

  height: 3px;

  background-color: #32beff;

  display: inline-block;

  position: relative;

  z-index: 2;

}

.sd_module .right .ceo_details_box .details {

  font-size: 20px;

  line-height: 31px;

  color: #999;

  margin-top: 30px;

  max-height: 305px;

  overflow: hidden;

}



/*实验室图集*/

.atlas {

  margin: 0;

}

.atlas-f8{

  background-color: #f8f8f8;

}

.atlas .js_imglunbo{

  height: 438px;

  cursor: pointer;

  overflow: hidden;

}

.atlas .imgBox_cut3 .js_imglunbo {

  height: 270px;

}

.atlas .js_imglunbo .in_box{

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.atlas .js_imglunbo:hover img{

  transform: scale(1.16);

}

.atlas .js_imglunbo img{

  width: 100%;

  height: 100%;

}

.atlas .js_imglunbo .title {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100px;

  background: url(../img/about/baipishu_atlasbg.png);

  background: linear-gradient(to bottom,rgba(15,35,65,0) 0,rgba(15,35,65,.6) 100%);

}

.atlas .js_imglunbo .title .title_content {

  display: block;

  width: 100%;

  font-size: 16px;

  line-height: 22px;

  color: #fff;

  position: absolute;

  left: 0;

  bottom: 20px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding: 0 30px;

  box-sizing: border-box;

}

.atlas .atlas_pc .row{

  margin-right: -5px;

  margin-left: -5px;

}

.atlas .atlas_pc .row>div{

  padding-right: 5px;

  padding-left: 5px;

}

.atlas .imgBox_cut3{

  position: relative;

  margin-top: 10px;

}



/*查看大图*/

.showBigImg {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(15,35,65,.9);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341);

  z-index: 999;

}

.showBigImg .icon-icon_close {

  font-size: 32px;

  color: #fff;

  margin-right: 14px;

  margin-top: 14px;

  cursor: pointer;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 5;

}

.showBigImg .showBigImgWrap {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.showBigImg .showBigImgWrap .allImgBox {

  position: relative;

  width: 100%;

  height: 100%;

}

.showBigImg .showBigImgWrap .allImgBox .imgIte {

  float: left;

  width: 100%;

  height: 100%;

  text-align: center;

}

.showBigImg .showBigImgWrap .allImgBox .imgIte span {

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.showBigImg .showBigImgWrap .allImgBox .imgIte img {

  max-width: 90%;

  max-height: 90%;

  vertical-align: middle;

}

.small-img img{

  width: 150px;

}



.o_g .prev_big {

  left: 30px;

}

.o_g .next_big {

  right: 30px;

}

.o_g .next_big,.o_g .prev_big{

  font-size: 48px;

  color: #fff;

  margin-top: 0;

}

.o_g .prev_small,.o_g .next_small{

  margin-top: 0;

}







/*企业文化 big*/

.company_culture {

  padding-bottom: 90px;

}

.company_culture .title{

  padding: 60px 0 45px 0;

  text-align: center;

}

.zj_target1 {

  padding-top: 66px;

}

.zj_target1 h3,.zj_worth2 h3 {

  font: 48px/52px "microsorft yahei";

  color: #353535;

  text-align: center;

}

.zj_target1 h3 img {

  vertical-align: middle;

  margin: 0 12px;

}

.zj_target1>p ,.zj_worth2>p{

  font: 26px/34px "Microsoft YaHei";

  color: #353535;

  text-align: center;

  margin-top: 60px;

}

.zj_content2 {

  background: #f2f2f2;

}

.zj_worth2 {

  padding-top: 112px;

  padding-bottom: 75px;

}

.zj_img {

  text-align: center;

  padding-top: 33px;

}

.zj_worth2>span {

  display: block;

  margin: 37px auto 0;

  font: 16px/30px "Microsoft YaHei";

  color: #5a5a5a;

}



/*资质荣誉 big*/

.module_honor {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-position: center center;

}

.module_honor.zz_bg{

  background-image: url(../img/about/qyry_bg.jpg);

}

.module_honor .sd_item{

  padding-bottom: 90px;

}

.module_honor .title{

  padding: 60px 0 45px 0;

  text-align: center;

}

.module_honor .slider2-hon .item {

  text-align: center;

  width: 100%;

  margin-bottom: 35px;

}

.fixed-bg .bgImg{

  transition: all 0s;

}

.module_honor .slider2-hon .item h5 a{

  white-space: nowrap;

  overflow: hidden;

  -ms-text-overflow: ellipsis;

  text-overflow: ellipsis;

  font-weight: normal;

  display: block;

  font-size: 16px;

  line-height: 1.1;

  margin-top: 20px;

  transition: .5s;

  -ms-transition: .5s;

  -moz-transition: .5s;

  -webkit-transition: .5s;

  -o-transition: .5s;

  color: #333;

}

.module_honor .slider2-hon .item h5 a:hover{

  color: #008eff;

}

.zz_bg .slider2-hon .item h5 a{

  color: #fff;

}

.zz_bg .slider2-hon .item h5 a:hover{

  color: #008eff;

}

.module_honor .more{

  text-align: right;

}

.eg_button{

  width: 250px;

  height: 50px;

  line-height: 50px;

  font-size: 16px;

  background-image: linear-gradient(to right,#32beff 0,#005aab 51%,#32beff 100%);

  background-size: 200% auto;

  color: #fff;

  text-align: center;

  display: inline-block;

  position: relative;

  transition: .5s;

  background-color: #32beff;

  border-radius: 1px;

}

.module_honor .more .eg_button:after {

  content: '';

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: url(../img/index/xiewenbackground.svg);

  background-size: 4px;

  background-repeat: repeat;

  opacity: .2;

}

.module_honor .more .eg_button.gradient:hover {

  background-position: right center;

}

.module_honor .slider2-hon {

  margin: 38px 0 0;

}

.module_honor .hon-wrap .row{

  display: flex;

  flex-flow: row wrap;

}



/*点击图片查看单张大图*/

.fillbg {

  background-color: rgba(0, 0, 0, 0.6);

  bottom: 0;

  height: 100%;

  left: 0;

  opacity: 0;

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 1100;

  display: none;

}



.fillbg-active {

  opacity: 1;

  display: block;

}



/*资质荣誉列表*/

.honor-bg {

  background-color: #fafafa;

}

.main-right {

  width: calc(100% - 272px);

}





/*联系我们 big*/

.contact-content{

  padding-top: 60px;

  overflow: hidden;

}

.wrapper-contact .tit {

  height: 44px;

  line-height: 44px;

  color: #323232;

}

.wrapper-contact .tit span {

  font-size: 36px;

  margin-right: 20px;

}

.wrapper-contact .legal .notice.nob {

  border: none;

}

.wrapper-contact .legal .notice {

  border-top: #e5e5e5 1px solid;

  padding-top: 40px;

  overflow: hidden;

  padding-bottom: 40px;

}

.wrapper-contact .legal .notice .t {

  height: 20px;

  font-size: 20px;

  color: #323232;

  margin-bottom: 10px;

  line-height: 20px;

}

.wrapper-contact .legal .notice .con {

  font-size: 16px;

  line-height: 30px;

  color: #5d5d5d;

  padding-top: 10px;

}

.wrapper-contact .legal .notice .con a{

  color: #00479d !important;

}

.wrapper-contact .legal .notice .con a:hover{

  color: #e50414 !important;

}


/*发展历程*/
/*时间轴*/
.about-develop{
  width:calc(100% - 90px);
  /*min-width:1110px;*/
  margin-left:90px;
  padding:0 12%;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.about-develop .develop-title{
  width:100%;
  padding-top:32px;
  padding-bottom:16px;

}
.about-develop .develop-title h2{
  width:100%;
  font-size:46px;
  color:#00479d;
  line-height:64px;
  text-align:center;
  font-family: Arial;
  /* font-style:italic; */
  font-weight:bolder;
}

.about-develop .develop-title h6{
  width:100%;
  font-size:20px;
  color:#666;
  line-height:40px;
  text-align:center;
  /* font-style:italic; */
}

.develop-list{
  width:100%;
  margin:0 auto;
  position:relative;
}

.develop-list .develop-line{
  width:1px;
  height:100%;
  background:#ccc;
  z-index:0;
  position:absolute;
  top:0;
  left:50%;
}

.develop-list .develop-line i{
  display:block;
  width:19px;
  height:19px;
  border:#ccc solid 1px;
  border-radius:50%;
  background:#fff;
  position:absolute;
  top:0;left:50%;
  margin-left:-9px;
}

.develop-list ul{
  padding-bottom:200px;
}

.develop-list li{
  width:100%;
  float:left;
  margin-top:70px;
  position:relative;
  opacity:0;
  transition: all 1s;
  -webkit-transition: all 1s;
  transform: translateY(60px);
}

.develop-list li.show{
  opacity:1;
  transform: translateY(0px);
}

.develop-list li .develop-img{
  width:10%;
  float:left;
  border-radius:50%;
  position:relative;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.develop-list li .develop-img img{
  width:100%;
  display:block;
  border-radius:50%;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.develop-list li .develop-img span{
  position:absolute;
  left:0;
  top:0;
  /* width:100%; */
  /* height:100%; */
  background:#000;
  opacity:0.7;
  border-radius:50%;
}

.develop-list li .develop-txt{
  float:left;
  margin-left:0%;
  width:34%;
  text-align:left;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.develop-list li .develop-txt h4{
  width:100%;
  float:left;
  font-size:32px;
  color:#333;
  line-height:60px;
}

.develop-list li .develop-txt h6{
  width:100%;
  float:left;
  font-size:16px;
  color:#333;
  line-height:24px;
}

.develop-list li .develop-txt p{
  width:100%;
  float:left;
  font-size:14px;
  color:#333;
  line-height:24px;
  font-family:"宋体";
}

.develop-list li .develop-txt p:hover{
  color: #00479d;
}

.develop-list li .develop-txt h4:hover{
  color: #00479d;
}

.develop-list li .point{
  display:block;
  width:19px;
  height:19px;
  border:#ccc solid 1px;
  border-radius:50%;
  background:#fff;
  position:absolute;
  top:24px;
  left:50%;
  margin-left:-9px;
}

.develop-list li .point i{
  display:block;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#00479d;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-5px;
  top:3px;
}

.develop-list li:nth-child(even) .develop-img{
  float:right;
}
.develop-list li:nth-child(even) .develop-txt{
  float:right;
  text-align:left;
  width: 33%;
}

/*加入我们*/

.kp-r1 dl {

  position: relative;

  margin-bottom: 100px;

}

.kp-r1 dl dt {

  width: 60%;

  height: 480px;

  overflow: hidden;

  box-shadow: 0px 40px 60px 0px rgba(0,0,0,.2);

}

.kp-r1 dl dt img {

  width: 100%;

  height: 100%;

}

.kp-r1 dl dd.kp-r1-dd1 {

  color: rgba(0, 118, 222, .06);

  font-size: 80px;

  text-transform: Uppercase;

  font-weight: bold;

  position: absolute;

  left: 0;

  top: -22px;

}

.kp-r1 dl dd.kp-r1-dd2 {

  position: absolute;

  left: 0;

  top: 60px;

  width: 52%;

}

.kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1 {

  padding: 20px 40px;

  background: rgba(0, 118, 222, .8);

  color: #fff;

  font-size: 17px;

  line-height: 40px;

}

.kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1 p {

  padding: 10px 0;

}

.kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2 {

  padding-top: 50px;

  color: #333;

  font-size: 28px;

  font-style: italic;

  font-weight: bold;

}

.kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2 i {

  width: 310px;

  height: 1px;

  background: #333;

  display: inline-block;

  margin-right: 20px;

  vertical-align: middle;

}



.kp-r1 dl.kp-r1-dl1 dd.kp-r1-dd2 {

  left: auto;

  right: 0;

  width: 53%;

}

.kp-r1 dl.kp-r1-dl1 dd.kp-r1-dd2 .kp-r1-dd2-div2 {

  text-align: right;

}

.kp-r1 dl.kp-r1-dl1 dd.kp-r1-dd2 .kp-r1-dd2-div2 i {

  margin: 0 0 0 20px;

}

.kp-r1 dl.kp-r1-dl1 dd.kp-r1-dd1 {

  left: auto;

  right: 0;

}





/*人才需求*/

.joinUs .talentDemand .demand_box {

  padding-right: 50%;

  position: relative;

  width: 100%;

}

.o_g .o_u.o_df_1-2 {

  width: 50%;

}

.joinUs .talentDemand .demand_box .demand_imgbox {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

}

.joinUs .talentDemand .demand_box .demand_imgbox .img_box {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.joinUs .talentDemand .demand_box .demand_imgbox .img_box img {

  height:100%;

  width: 100%;

}

.joinUs .talentDemand .demand_box .demand_listbox {

  background: url(../img/about/joinUs_demand_bg.png) repeat center;

  text-align: center;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft {

  text-align: left;

  padding: 60px 0;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .title {

  color: #fff;

}

.joinUs .title {

  display: inline-block;

  text-align: center;

  font-size: 48px;

  line-height: 54px;

  font-weight: 700;

  color: transparent;

  background: linear-gradient(270deg,#005aab 0,#32beff 100%);

  -webkit-background-clip: text;

  background-image: none\0;

  color: #32beff\0;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .line {

  height: 1px;

  background: rgba(255,255,255,.1);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);

  margin: 30px 0 10px;

  position: relative;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .line hr {

  position: absolute;

  height: 3px;

  width: 200px;

  left: 0;

  top: -1px;

  background: #fff;

  border: none;

  margin: 0;

  border-bottom: 0px !important;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox {

  border-bottom: 1px dashed #5d6b7c;

  border-bottom-color: rgba(255,255,255,.1);

  padding: 20px 0;

  text-align: left;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name {

  font-size: 0;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name i {

  margin-right: 20px;

  font-size: 16px;

  line-height: 22px;

  color: #fff;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name span {

  font-size: 16px;

  line-height: 22px;

  color: #fff;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box {

  position: relative;

  padding-left: 26px;

  padding-top: 5px;

  font-size: 0;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .detail {

  font-size: 14px;

  line-height: 22px;

  color: #ccc;

  width: calc(100% - 93px);

  display: inline-block;

  vertical-align: top;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .time {

  display: inline-block;

  font-size: 14px;

  line-height: 22px;

  color: #ccc;

  margin-left: 20px;

  vertical-align: top;

}

.joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .more {

  display: inline-block;

  width: 150px;

  height: 40px;

  border: solid 1px #b7bdc5;

  border-color: rgba(255,255,255,.6);

  font-size: 14px;

  line-height: 40px;

  color: #fff;

  text-align: center;

  margin-top: 30px;

  box-sizing: border-box;

}





/*热招岗位*/

.joinUsList .content h2 {

  text-align: left;

  margin-bottom: 30px;

}

.joinUsList .content {

  padding-top: 60px;

  padding-bottom: 90px;

  text-align: center;

}

.joinUsList .content .bottom-title {

  margin: 0 auto 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.joinUsList .content .bottom-title p {

  font-size: 14px;

  letter-spacing: 0;

  color: #566171;

  font-weight: 400;

  display: inline-block;

}

.job-selector .tabs {

  border-left: 1px solid #e2e2e2;

  border-right: 1px solid #e2e2e2;

  display: flex;

  height: 60px;

  background: #f9f8fd;

  box-sizing: border-box;

  width: 100%;

}

.job-selector .table-header_item {

  flex: 1;

  display: flex;

  align-items: center;

  padding-left: 30px;

  font-size: 16px;

  color: #bcc2cf;

  line-height: 16px;

  font-weight: 400;

}

.job-selector .free-box{

  width: 60px;

}

.job-selector .job-list-wrp {

  border: 1px solid #e2e2e2;

  border-top: none;

  border-radius: 0 0 10px 10px;

  margin-bottom: 40px;

  overflow: hidden;

  text-align: left;

}

.job-selector .job-list-wrp .job-list__item {

  display: flex;

  align-items: center;

  position: relative;

  cursor: pointer;

  height: 60px;

  background: #fff;

  border-bottom: 1px solid #e2e2e2;

}

.job-selector .job-list-wrp li:last-of-type .job-list__item{

  border-bottom: 0;

}

.job-selector .job-list-wrp .job-list_column {

  flex: 1;

  display: flex;

  align-items: center;

  padding-left: 30px;

  font-size: 16px;

  color: #566171;

  line-height: 16px;

  font-weight: 400;

  white-space: nowrap;

}

.job-selector .job-list-wrp .job-list .icon {

  width: 60px;

  display: flex;

  justify-content: center;

  color: #ccc;

  transition: all .3s;

}

.job-selector .job-list-wrp .job-list .icon.rotate {

  transform: rotate(

          180deg

  );

  color: #008eff;

}

.job-selector .job-detail {

  background: #f9f8fd;

  box-sizing: border-box;

  padding-left: 30px;

  overflow: hidden;

  will-change: height;

  display: none;

}

.job-selector .job-detail__title {

  margin-top: 20px;

  margin-bottom: 10px;

  font-size: 14px;

  color: #21252d;

  line-height: 14px;

  font-weight: 500;

}

.job-selector .job-detail__content {

  font-size: 14px;

  color: #566171;

  line-height: 24px;

  font-weight: 400;

}

.mb-30 {

  margin-bottom: 30px;

}

.job-selector .job-detail__email {

  font-size: 14px;

  color: #21252d;

  line-height: 14px;

  font-weight: 500;

}

.job-selector .job-detail__button {

  margin-top: 5px;

  margin-bottom: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  width: 180px;

  height: 60px;

  background: #008eff;

  box-shadow: 0 20px 40px 0 rgba(227, 225, 237, .57);

  border-radius: 30px;

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  user-select: none;

  position: relative;

}

.job-selector .job-list-wrp .pagination-wrp {

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

}



/*博物馆*/

.activityList .rt-search-content .input input{

  border: 1px solid #999;

}

.activityList .rt-search-content .input input:focus{

  border: 1px solid #008eff;

}

.activityList .rt-search-content .input .btn-search{

  color: #999;

}

.museum-box .left-img{

  width: 100%;

  height: 100%;

  position: relative;

}

.museum-box .left-img .goVR{

  position: absolute;

  bottom: 20px;

  right: 20px;

  font-size: 28px;

  color: #fff;

  font-family: st;

}

.museum-box .fade-text{

  text-align: left;

  color: #666;

  font-size: 15px;

  line-height: 25px;

  padding: 20px 0;

}

.museum-box .panorama{

  position: absolute;

  right: 0px;

  bottom: 60px;

}

.activity-group .activity-item{

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);

  margin-bottom: 30px;

}

.activity-group .activity-item .top_img{

  text-align: center;

  height: 180px;

  overflow: hidden;

  position: relative;

}

.activity-group .activity-item .top_img img{

  width: 100%;

  height: 100%;

}

.activity-group .activity-item .text_box{

  padding: 20px 30px 30px;

  text-align: left;

}

.activity-group .activity-item .text_box .name{

  font-size: 16px;

  line-height: 22px;

  font-weight: 700;

  color: #333;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.activity-group .activity-item .text_box .detail{

  font-size: 14px;

  line-height: 20px;

  color: #999;

  margin: 10px 0;

  height: 40px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  text-overflow: ellipsis;

  overflow: hidden;

}

.activity-group .activity-item .text_box .name:hover{

  color: #00479d;

}

.activity-group .activity-item .text_box .detail:hover{

  color: #00479d;

}

.activity-group .activity-item .text_box .otherbox{

  margin-top: 15px;

}

.activity-group .activity-item .text_box .time{

  font-size: 12px;

  line-height: 18px;

  color: #ccc;

}

/*精彩活动列表*/

.activity-box{

  padding: 60px 0 0;

  background-color: #f8f8f8;

}

.activity-box .activityList .item {

  padding: 30px;

  box-shadow: 0 2px 10px 0 rgba(15, 35, 65, .05);

  margin-bottom: 30px;

  height: 260px;

  background: #fff;

  width: 100%;

}

.activity-box .activityList .item .left {

  width: 320px;

  height: 200px;

  float: left;

  display: block;

  overflow: hidden;

  position: relative;

}

.activity-box .activityList .item .left img{

  width: 320px;

  height: auto;

  position: absolute;

  margin-left: -160px;

  left: 50%;

  top: 50%;

  margin-top: -100px;

}

.activity-box .activityList .item .right {

  margin-left: 320px;

  text-align: left;

  height: 100%;

  line-height: 200px;

  padding-left: 30px;

}

.activity-box .activityList .item .right .right_content {

  display: inline-block;

  width: 100%;

}

.activity-box .activityList .item .right .right_content .title {

  display: block;

  font-size: 20px;

  font-weight: 700;

  line-height: 32px;

  max-height: 62px;

  overflow: hidden;

  color: #333;

  margin-bottom: 15px;

}

.activity-box .activityList .item .right .right_content .content {

  max-height: 40px;

  overflow: hidden;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -webkit-box;

  margin-bottom: 30px;

}

.activity-box .activityList .item .right .right_content .content p {

  font-size: 14px;

  line-height: 20px;

  color: #999;

  display: block;

}

.activity-box .activityList .item .right .right_content .content p:hover{

  color: #00479d;

}

.activity-box .activityList .item .right .right_content .title:hover{

  color: #00479d;

}

.activity-box .activityList .item .right .right_content .time_see {

  font-size: 0;

  line-height: normal;

}

.activity-box .activityList .item .right .right_content .time_see .time {

  font-size: 14px;

  line-height: 25px;

  padding-right: 15px;

  color: #999;

}

.activity-box .activityList .item .right .right_content .time_see .see {

  font-size: 14px;

  line-height: 25px;

  color: #00479d;

  padding-left: 15px;

  border-left: 1px solid #eee;

  cursor: pointer;

}

.activity-box .activityList .item .right .right_content .time_see .see:hover{

  color: #008eff;

}



/*购物指南*/

.directory-box{

  padding-top: 38px;

  margin-bottom: 90px;

  background-color: #fff;

}

.directory-box h4{

  line-height: 40px;

  height: 40px;

  color: #00479d;

  font-family: "st";

  font-size: 18px;

  border-bottom: 1px solid #00479d;

}

.directory-box .cont {

  line-height: 24px;

  margin: 15px auto;

}

.directory-box .cont p {

  text-indent: 24px;

  margin: 10px auto;

}

.directory-box h5 {

  font-weight: bold;

  font-family: "st";

  padding: 10px 0px;

  font-size: 15px;

  color: black;

}

.directory-box .cont b {

  color: #e50414;

  font-weight: bold;

}

.directory-box .cont img {

  display: block;

  margin: 15px auto;

}



/*代理品牌*/

.agent-brand{

  margin-bottom: 66px;

}

.brand-group li{

  text-align: center;

  margin-bottom: 24px;

  margin-right: 30px;

}

.brand-group li:nth-of-type(4n){

  margin-right: 0;

}

.brand-group li .in-brand-box {

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #ccc;

  overflow: hidden;

  width: 240px;

}

.brand-group li .in-brand-box:hover{

  border: 1px solid #00479d;

}

.brand-group li .in-brand-box:hover img{

  transform: scale(1.2);

}

.brand-group li .in-brand-box{

  width: 290px;

  height: 180px;

}



@media (max-width: 575px){
/* 
  .develop-list li .develop-img{
    float: none;
    width: 40% !important;
  } */
  .about-develop{
    width: 100%!important;
    margin: 0% !important;
  }

  .develop-list li:nth-child(even) .develop-txt h4{
    /*右侧时间*/
    text-align: left!important;
  }

  .develop-list li:nth-child(even) .develop-txt{
    /*右侧时间轴文本*/
    width: 40%!important;
    margin-right: -10%!important;
    margin-left: 0%!important;
  }
  .develop-list li:nth-child(odd) .develop-txt{
    /*左侧时间轴文本*/
    width: 40%!important;
    margin-left: -10%!important;
  }
  .develop-list li:nth-child(even) .develop-img{
    /*右侧时间轴图片*/
    right: 10%!important;
    width: 15%!important;
  }
  .develop-list li:nth-child(odd) .develop-img{
    /*左侧时间轴图片*/
    left: 10%!important;
    width: 15%!important;
  }



  .museum-box .fade-text{

    font-size: 14px;

  }

  .joinUsList .content h2{

    font-size: 28px;

    margin-bottom: 10px;

  }

  .activity-box .activityList .item .right .right_content .title{

    margin-bottom: 10px;

    margin-top: 15px;

    font-size: 16px;

    line-height: 22px;

  }

  .activity-list-box{

    padding: 45px 0 0;

  }

  .activity-box .activityList .item {

    padding: 20px;

    margin-bottom: 20px;

    height: auto;

  }

  .activity-box .activityList .item .left {

    width: auto;

    height: auto;

    margin: 0 auto;

    float: none;

    text-align: center;

    overflow: hidden;

  }

  .activity-box .activityList .item .left img{

    width: 100%;

    position: static;

    margin-left: 0;

    left: 0;

    top: 0;

    margin-top: 0;

  }

  .activity-box .activityList .item .right {

    margin-left: 0;

    line-height: normal;

    padding-left: 0;

  }

  .activity-box .activityList .item .right .right_content .content {

    max-height: 40px;

  }

  .activity-box .activityList .item .right .right_content .content {

    max-height: 36px;

    margin-bottom: 20px;

  }

  .activity-box .activityList .item .right .right_content .content p {

    font-size: 14px;

    line-height: 20px;

  }

  .activity-box .activityList .item .right .right_content .time_see .time {

    font-size: 14px;

  }

  .activity-box .activityList .item .right .right_content .time_see .see {

    font-size: 14px;

  }

  .showBigImg .showBigImgWrap .allImgBox .imgIte img{

    width: 100%;

    max-width: 100%;

    height: auto;

  }

  .showBigImg .icon-icon_close{

    font-size: 24px;

    margin-right: 10px;

    margin-top: 10px;

  }

  .atlas .js_imglunbo{

    max-height: 180px;

  }

  .atlas .imgBox_cut1 .js_imglunbo{

    max-height: 120px;

  }

  .atlas .imgBox_cut3 .js_imglunbo{

    height: 200px;

  }

  .into_zj .atlas .title h2{

    font-size: 28px !important;

    line-height: 34px;

  }

  .into_zj .title h2 {

    font-size: 24px !important;

  }

  .sd_module .right .ceo_details_box p {

    font-size: 16px;

  }

  .sd_module .right .ceo_details_box .details{

    margin-top: 0;

  }

  .sd_module .right .ceo_details_box .line{

    margin-top: 15px;

  }

  .sd_module .right .ceo_details_box{

    padding-top: 10px;

  }

  .left .pic_box{

    bottom: auto;

    position: relative;

    top: -100px !important;

  }

  .pic_banner .banner_banner{

    height: 180px !important;

  }

  .swiper-slide-content{

    top: 35px;

    bottom: 35px;

  }

  .into_zj .zj_history .tab_content{

    height: 250px;

  }

  .swiper-slide-content .right h2{

    font-size: 16px !important;

  }

  .swiper-slide-content .right .line{

    height: 2px;

    margin-top: 10px !important;

  }

  .swiper-slide-content .right .line:after{

    height: 2px;

  }

  .swiper-slide-content .right p{

    margin-top: 10px !important;

    font-size: 14px;

    line-height: 24px;

  }

  .into_zj .zj_history .tab_bar ul li i{

    font-size: 32px;

  }

  .into_zj .zj_history{

    min-height: 560px;

  }

  .into_zj .zj_history .tab_bar ul li{

    padding-top: 0;

    padding-left: 0;

    padding-right: 0;

  }

  .into_zj .zj_history .tab_bar{

    height: 310px;

  }

  .into_zj .zj_history .tab_bar ul li .stage{

    margin-top: 10px;

  }

  .into_zj .zj_history .tab_bar ul li .stage p{

    font-size: 14px;

  }

  .into_zj .zj_history .tab_bar ul li .time{

    font-size: 12px;

  }

  .into_zj .zj_history .tab_bar ul li .time,.into_zj .zj_history .tab_bar ul li .line{

    margin-top: 10px;

  }

  .into_zj .zj_history .tab_bar ul li .describe{

    margin-top: 10px;

  }

  .swiper-slide-content .right{

    padding-left: 10px;

    width: 50%;

  }

  .swiper-slide-content .left{

    width: 50%;

  }

  .into_zj .zj_history .tab_bar ul li.cur .select {

    width: 25px;

    height: 25px;

    margin-left: -12px;

    bottom: -12px;

  }

  .into_zj .zj_history .tab_bar ul li.cur .select img {

    position: absolute;

    top: 8px;

    left: 8px;

    width: 10px;

    height: 10px;

  }

  .flex-between{

    display: block;

  }

  .brand-group li .in-brand-box{

    width: 100%;

    height: 230px;

  }

  .brand-group li{

    margin-right: 0;

  }

}



@media (min-width: 576px) and (max-width: 700px){

  .joinUsList .content h2{

    font-size: 28px;

    margin-bottom: 15px;

  }

  .into_zj .zj_history .tab_bar ul li.cur .select {

    width: 25px;

    height: 25px;

    margin-left: -12px;

    bottom: -12px;

  }

  .into_zj .zj_history .tab_bar ul li.cur .select img {

    position: absolute;

    top: 8px;

    left: 8px;

    width: 10px;

    height: 10px;

  }

  .activity-box .activityList .item {

    padding: 20px;

    margin-bottom: 20px;

    height: auto;

  }

  .activity-box .activityList .item .left {

    width: auto;

    height: auto;

    margin: 0 auto;

    float: none;

    text-align: center;

    overflow: hidden;

  }

  .activity-box .activityList .item .right .right_content .content p {

    font-size: 12px;

    line-height: 18px;

  }

  .activity-box .activityList .item .right .right_content .content {

    max-height: 36px;

    margin-bottom: 20px;

  }

  .activity-box .activityList .item .right .right_content .content p {

    font-size: 12px;

    line-height: 18px;

  }

  .activity-box .activityList .item .right .right_content .title {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 10px;

    margin-top: 15px;

  }

  .activity-box .activityList .item .right .right_content .time_see .time {

    font-size: 12px;

  }

  .activity-box .activityList .item .right .right_content .time_see .see {

    font-size: 12px;

  }

  .activity-box .activityList .item .right {

    margin-left: 0;

    line-height: normal;

    padding-left: 0;

  }

  .activity-box .activityList .item .left img{

    width: 100%;

    position: static;

    margin-left: 0;

    left: 0;

    top: 0;

    margin-top: 0;

  }

  .atlas .js_imglunbo{

    height: 180px;

  }

  .atlas .imgBox_cut3 .js_imglunbo{

    height: 260px;

  }

  .media-group{

    height: 300px;

  }

  .sd_module .right .ceo_details_box p{

    font-size: 16px;

  }

  .into_zj .title h2 {

    font-size: 26px;

  }

  .sd_module .right .ceo_details_box .details{

    margin-top: 0;

  }

  .sd_module .right .ceo_details_box .line{

    margin-top: 15px;

  }

  .sd_module .right .ceo_details_box{

    padding-top: 10px;

  }

  .left .pic_box{

    bottom: auto;

    position: relative;

    top: -150px;

  }

  .into_zj .zj_history .tab_bar ul li i{

    font-size: 34px;

  }

  .into_zj .zj_history .tab_bar ul li{

    padding-top: 15px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .into_zj .zj_history .tab_bar ul li .stage{

    margin-top: 10px;

  }

  .into_zj .zj_history .tab_bar ul li .stage p, .into_zj .zj_history .tab_bar ul li .time{

    font-size: 16px;

  }

  .into_zj .zj_history .tab_bar ul li .time,.into_zj .zj_history .tab_bar ul li .line{

    margin-top: 10px;

  }

  .into_zj .zj_history .tab_bar ul li .describe{

    margin-top: 10px;

  }

  .brand-group li .in-brand-box{

    width: 258px;

    height: 160px;

  }

  .brand-group li{

    margin-right: 0;

  }

  .flex-between{

    justify-content: space-between;

  }

}





@media (min-width: 701px) and (max-width: 991px){

  .joinUsList .content h2{

    font-size: 32px;

    margin-bottom: 20px;

  }

  .sd_module .right .ceo_details_box p{

    font-size: 18px;

  }

  .activity-box .activityList .item {

    padding: 20px;

    margin-bottom: 20px;

    height: 170px;

  }

  .activity-box .activityList .item .left {

    width: 190px;

    height: 130px;

  }

  .activity-box .activityList .item .left img{

    width: auto;

    height: 130px;

    position: absolute;

    margin-left: -97px;

    left: 50%;

    top: 50%;

    margin-top: -65px;

  }

  .activity-box .activityList .item .right {

    margin-left: 190px;

    line-height: 130px;

    padding-left: 20px;

  }

  .activity-box .activityList .item .right .right_content .title {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 10px;

  }

  .activity-box .activityList .item .right .right_content .content {

    max-height: 36px;

    margin-bottom: 20px;

  }

  .activity-box .activityList .item .right .right_content .content p {

    font-size: 12px;

    line-height: 18px;

  }

  .activity-box .activityList .item .right .right_content .time_see .time {

    font-size: 12px;

  }

  .activity-box .activityList .item .right .right_content .time_see .see {

    font-size: 12px;

  }

  .atlas .js_imglunbo{

    height: 220px;

  }

  .atlas .imgBox_cut3 .js_imglunbo{

    height: 300px;

  }

  .media-group{

    height: 300px;

  }

  .into_zj .zj_history .tab_bar ul li{

    padding-top: 12px;

    padding-left: 12px;

    padding-right: 12px;

  }

  .into_zj .zj_history .tab_bar ul li i{

    font-size: 38px;

  }

  .into_zj .zj_history .tab_bar ul li .stage p,.into_zj .zj_history .tab_bar ul li .time{

    font-size: 20px;

  }

  .into_zj .zj_history .tab_bar ul li .line{

    margin-top: 15px;

  }

  .into_zj .zj_history .tab_bar ul li .describe{

    margin-top: 15px;

  }

  .swiper-slide-content .right h2{

    font-size: 20px;

  }

  .swiper-slide-content .right{

    padding-left: 40px;

  }

  .swiper-slide-content .right .line,.swiper-slide-content .right p{

    margin-top: 20px;

  }

  .brand-group li{

    margin-right: 0;

  }

  .flex-between{

    justify-content: space-between;

  }

  .brand-group li .in-brand-box{

    width: 320px;

    height: 200px;

  }

}
@media (max-width: 769px){
  .develop-list li .develop-txt{
    text-align: right;
  }
}


@media (min-width: 769px) and (max-width: 991px){

  .zj_target1 h3, .zj_worth2 h3{

    font: 32px/36px "Microsoft YaHei";

  }

  .zj_target1>p, .zj_worth2>p{

    margin-top: 40px;

    font: 22px/26px "Microsoft YaHei";

  }

  .zj_target1{

    padding-top: 40px;

  }

  .zj_worth2{

    padding-top: 72px;

    padding-bottom: 48px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1{

    padding: 10px 20px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1 p{

    padding: 5px 0;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1{

    line-height: 32px;

  }

  .kp-r1 dl{

    margin-bottom: 100px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2{

    padding-top: 30px;

    font-size: 20px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2 i{

    width: 180px;

  }

  .kp-r1 dl dt{

    height: auto;

  }

  .kp-r1 dl dd.kp-r1-dd1{

    font-size: 60px;

  }

  .kp-r1 dl dd.kp-r1-dd2{

    top: 40px;

  }

}

@media (max-width: 991px){

  .museum-box .panorama{

    position: relative;

    bottom: 0;

  }
  .develop-list li .develop-txt{
    margin-left:0%;
  }

}



@media (max-width: 767px) {
  .develop-list li .develop-txt h4{
    font-size: 16px;
  }
  .about-develop .develop-title h2{
    font-size: 18px;
  }
  .about-develop .develop-title h6{
    font-size: 14px;
  }
  .about-develop{
    margin-left: 40px;
  }

  .develop-list li .develop-txt p:hover{
    /* text-align: left; */
    color: #00479d;
  }

  .develop-list li:nth-child(even) .develop-txt{
    /*右侧时间轴文本*/
    width: 35%;
    margin-right: -5%;
    margin-left: 0%;
  }
  .develop-list li:nth-child(odd) .develop-txt{
    /*左侧时间轴文本*/
    width: 30%;
    margin-left: 0%;
    
  }
  .develop-list li:nth-child(even) .develop-img{
    /*右侧时间轴图片*/
    right: 10%;
    width: 9%;
  }
  .develop-list li:nth-child(odd) .develop-img{
    /*左侧时间轴图片*/
    left: 10%;
    width: 9%;
  }



  .about-develop{
    padding: 0%;
  }
  /* .develop-list li .develop-txt{
    width: 40%;
  } */

  .zj_target1 h3, .zj_worth2 h3{

    font: 28px/24px "Microsoft YaHei";

  }

  .zj_target1>p, .zj_worth2>p{

    margin-top: 30px;

    font: 18px/22px "Microsoft YaHei";

  }

  .zj_target1{

    padding-top: 30px;

  }

  .zj_worth2{

    padding-top: 60px;

    padding-bottom: 32px;

  }

  .joinUs .talentDemand .demand_box .demand_imgbox .img_box{

    display: none;

  }

  .kp-r1 dl dt{

    height: auto;

  }

  .kp-r1 dl dt{

    width: 100%;

    float: none;

  }

  .kp-r1 dl dd.kp-r1-dd2,.kp-r1 dl.kp-r1-dl1 dd.kp-r1-dd2{

    position: static;

    width: 100%;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2{

    padding-top: 12px;

    font-size: 24px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2 i{

    width: 60%;

    font-size: 24px;

  }

  .kp-r1 dl{

    margin-bottom: 60px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1{

    padding: 10px 20px ;

    line-height: 24px;

  }

  .kp-r1 dl dd.kp-r1-dd1{

    font-size: 36px;

    top: -12px;

  }

  .job-selector .job-list-wrp .job-list .icon,.job-selector .free-box{

    width: 40px;

  }

  .job-selector .job-detail__content{

    font-size: 13px;

  }

  .joinUsList .content{

    padding-bottom: 60px;

  }

  .job-selector .job-list-wrp{

    margin-bottom: 0;

  }

  .job-selector .tabs{

    height: 40px;

  }

  .job-selector .job-list-wrp .job-list__item{

    height: 40px;

  }

  .job-selector .table-header_item,.job-selector .job-list-wrp .job-list_column{

    font-size: 14px;

    line-height: 14px;

  }

  .activity-box{

    padding: 15px 0 0;

  }

  .module_honor .title{

    padding: 30px 0 20px 0;

  }

  .module_honor .slider2-hon{

    margin-top: 10px;

  }

  .module_honor .slider2-hon .item{

    margin-bottom: 10px;

  }

  .sd_module .right .ceo_details_box .details{

    max-height: inherit;

  }

  .atlas .js_imglunbo .title{

    height: 0;

  }

  .zj_history .arrow{

    font-size: 24px;

    display: none;

  }

  .swiper-button-next, .swiper-button-prev{

    top: auto;

  }

  .into_zj .history_title{

    padding: 30px 20px;

  }

  .main-right{

    width: 100%;

  }

  .sd_module .left,.sd_module .right{

    width: 100%;

    position: relative;

  }

  .sd_module .right{

    left: 0;

  }

  .sd_module .right .ceo_details_box{

    margin: 0 auto;

    display: block;

    position: relative;

    top: -100px;

  }

  .left .pic_box:after{

    margin: 10px;

  }

  .banner_banner{

    width: 100%;

    height: 220px !important;

  }

  .banner_banner img.fixCover{

    position: relative;

    height: auto;

  }

  .banner_banner img.character{

    display: none;

  }

  .left .pic_box{

    bottom: auto;

    position: relative;

    top: -150px;

  }

  .swiper-slide-content .right h2{

    font-size: 18px;

    line-height: normal;

  }

  .swiper-slide-content .right .line{

    margin-top: 15px;

  }

  .swiper-slide-content .right p{

    margin-top: 15px;

  }

}

@media (max-width: 991px) {

  .atlas .content h2{

    font-size: 28px;

    margin-bottom: 20px;

  }

  .job-selector .job-detail{

    padding-left: 15px;

  }

  .job-selector .table-header_item,.job-selector .job-list-wrp .job-list_column{

    padding-left: 15px;

  }

  .job-selector .tabs li:first-of-type,.job-selector .job-list-wrp li .job-list__item .job-list_column:first-of-type{

    min-width: 138px;

  }

  .into_zj .title h2,.into_zj .history_title h2 {

    font-size: 28px;

  }

  .into_zj .history_title{

    padding: 40px 0 25px;

  }

  .joinUs .talentDemand .demand_box .demand_imgbox .img_box img{

    height: auto;

  }

  .zj_history .tab_bar ul li .describe {

    font-size: 14px;

    line-height: 20px;

  }

  .joinUs .talentDemand .demand_box .demand_imgbox{

    position: relative;

    width: 100%;

  }

  .joinUs .talentDemand .demand_box{

    padding-right: 0;

  }

  .joinUs .talentDemand .demand_box .o_g .o_u.o_df_1-2{

    width: 100%;

  }

  .banner_banner{

    width: 100%;

    height: 450px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft {

    text-align: center;

    padding: 20px 0;

  }

  .joinUs .title {

    font-size: 28px;

    line-height: 34px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .line {

    margin: 25px 0 10px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .line hr {

    width: 120px;

    left: 50%;

    margin-left: -60px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox {

    padding: 15px 0;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box {

    padding-left: 16px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name i {

    margin-right: 10px;

    font-size: 14px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name span {

    font-size: 16px;

    line-height: 22px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .detail {

    font-size: 14px;

    line-height: 20px;

    width: calc(100% - 88px);

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .time {

    font-size: 14px;

    line-height: 20px;

    margin-left: 15px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .o_xs_10-12{

    width: 83.33333333%;

  }

  .activity-group .activity-item .top_img{

    height: auto;

  }

  .atlas .imgBox_cut3{

    margin-top: 0;

  }

  .atlas .atlas_pc .row>div{

    margin-bottom: 10px;

  }

  .title h2{

    font-size: 34px;

    line-height: 34px;

  }

}

@media (max-width: 1199px) and (min-width: 992px){

  .zj_target1 h3, .zj_worth2 h3{

    font: 36px/42px "Microsoft YaHei";

  }

  .zj_target1>p, .zj_worth2>p{

    margin-top: 50px;

    font: 24px/28px "Microsoft YaHei";

  }

  .zj_target1{

    padding-top: 50px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div1{

    padding: 10px 20px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2 i{

    width: 268px;

  }

  .kp-r1 dl dd.kp-r1-dd2 .kp-r1-dd2-div2{

    font-size: 20px;

  }

  .zj_history .tab_bar ul li .time {

    margin-top: 10px;

    font-size: 20px;

    line-height: 26px;

  }

  .joinUs .title{

    font-size: 42px;

    line-height: 42px;

  }

  .joinUs .talentDemand .demand_box  .demand_listbox .demand_listleft .demand_list .demand_itembox{

    padding: 15px 0;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name i {

    margin-right: 15px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box {

    padding-left: 21px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .detail {

    width: calc(100% - 88px);

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .time {

    margin-left: 15px;

  }

  .brand-group li .in-brand-box{

    width: 212px;

    height: 126px;

  }

  .joinUsList .content h2{

    font-size: 38px;

  }

  .into_zj .zj_history .tab_bar ul li{

    padding-left: 20px;

    padding-right: 20px;

  }

}





@media (min-width: 1200px){

  .activity-box .activityList .item .right .right_content .content {

    max-height: 44px;

  }

  .activity-box .activityList .item .right .right_content .content p {

    font-size: 16px;

    line-height: 22px;

  }

  .activity-box .activityList .item .right .right_content .time_see .time {

    font-size: 16px;

    line-height: 22px;

  }

  .activity-box .activityList .item .right .right_content .time_see .see {

    font-size: 16px;

    line-height: 22px;

  }

  .into_zj .content_box p {

    font-size: 20px;

    line-height: 28px;

  }

  .into_zj .content_box .video_details {

    font-size: 20px;

    line-height: 1.75;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .name span {

    font-size: 20px;

    line-height: 26px;

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .detail {

    font-size: 16px;

    line-height: 22px;

    width: calc(100% - 103px);

  }

  .joinUs .talentDemand .demand_box .demand_listbox .demand_listleft .demand_list .demand_itembox .item_box .time {

    font-size: 16px;

    line-height: 22px;

  }

  .activity-group .activity-item .text_box .name{

    font-size: 20px;

    line-height: 26px;

  }

  .activity-group .activity-item .text_box .detail{

    font-size: 16px;

    line-height: 20px;

  }

  .activity-group .activity-item .text_box .time{

    font-size: 14px;

    line-height: 1;

  }

}

@media (min-width: 1200px) and (max-width: 1359px) {

  .brand-group li .in-brand-box{

    width: 262px;

    height: 148px;

  }

}





.showBigImg .viewLargerImage_title {

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 0 60px;

  height: 60px;

  line-height: 60px;

  background: rgba(15,35,65,.9);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50f2341, endColorstr=#E50f2341);

  z-index: 20;

  text-align: center;

}

.showBigImg .viewLargerImage_title span {

  font-size: 16px;

  white-space: nowrap;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  color: #fff;

  height: 100%;

}