@charset "utf-8";

.supply-list{
  padding:.3rem;
}
.supply-header{
  padding-bottom: .36rem;
  margin-bottom: .36rem;
  /*border-bottom: 1px solid  #e6e6e6;*/
  position: relative;
}
.supply-header:after{
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  padding: 0 .3rem;
  position: absolute;
  bottom: 0;
  left: -.3rem;
}
.supply-header h3{
  font-size: .38rem;
}
.supply-header p{
  font-size: .26rem;
  color: #8b8b8b;
  line-height: .4rem;
}
.supply-header img{
  width: 6.76rem;
}
.supply-item{
  border-radius: .1rem;
  margin-bottom: .56rem;
  background-color: #f2f2f2;
}
.supply-item .top{
  height: 2.82rem;
  border-radius: .1rem .1rem 0 0;
  overflow: hidden;
  position: relative;
}
.supply-item .top .img-cover{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: cover;
  background-size: cover;
}
.supply-item .top .title{
  width: 100%;
  height: .72rem;
  line-height: .72rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(5,93,156,1), rgba(5,93,156,.3));
}
.supply-item .top .title h4{
  padding-left: .2rem;
  font-size: .4rem;
  color: #fefefe;
  font-weight: 400;
}
.supply-item .top .title i{
  display: block;
  width: .72rem;
  height: .72rem;
  position: absolute;
  top: 0;
  left: .2rem;
}
.supply-item .top .title i.icon-pipeline{
  background: url('../img/supply/icon-pipeline.png') center/100% auto no-repeat;
}
.supply-item .top .title i.icon-site{
  background: url('../img/supply/icon-site.png') center/100% auto no-repeat;
}
.supply-item .top .title i.icon-lorry{
  background: url('../img/supply/icon-lorry.png') center/100% auto no-repeat;
}
.supply-item .top .title i.icon-steel-cylinder{
  background: url('../img/supply/icon-steel-cylinder.png') center/100% auto no-repeat;
}
.supply-item .bottom{
  padding:.14rem;
}
.supply-item .bottom p{
  font-size: .26rem;
  line-height: .45rem;
  color: #8b8b8b;
  margin: 0;
}

.supply-detail-header img{
  display: block;
  width: 100%;
}
.supply-detail{
  padding: .4rem .48rem;
}
.supply-datail-item{
  margin-bottom: .56rem;
}
.supply-datail-item h5{
  font-size: .4rem;
  color: #000;
}
.supply-detail-content{
  position: relative;
}
.supply-detail-content .show-btn{
  display: block;
  line-height: .72rem;
  text-align: right;
  font-size: .32rem;
  color: #000;
}
.supply-detail-content .show-btn span{
  color: #00a0e1;
  margin-left: .1rem;
}
.supply-detail-content p{
  font-size: .3rem;
  line-height: .51rem;
  color: #8b8b8b;
  margin: 0;
  overflow: hidden;
}
.supply-detail-content.max-height p{
  height: 2.04rem;
}
.data-upload-wrap{
  padding-bottom: .4rem;
}
a.data-upload{
  display: block;
  line-height: .76rem;
  text-align: center;
  font-size: .36rem;
  color: #fff;
  background-color: #00a0e1;
  border-radius: 5px;
}

.contact-btn{
  width: 2.56rem;
  height: .98rem;
  line-height: .98rem;
  border-radius: .54rem;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  position: fixed;
  right: .3rem;
  bottom: .4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1.12rem;
  font-size: .28rem;
  color: #00a0e1;
  background: #fff url('../img/supply/icon-contact.png') left .42rem center/.46rem auto no-repeat;
}

.applica-banner img{
  display: block;
  width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 5px;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
}
.applica-list ul{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap:wrap;
  padding: .6rem .41rem 0;

}
.applica-list ul li{
  width: 1.58rem;
  padding: 0 .31rem;
  margin-bottom: .2rem;
}
.applica-list ul li a{
  display: block;
}
.applica-list ul li a i{
  display: block;
  width: 1.38rem;
  height: 1.38rem;
  border-radius: 50%;
  padding: .1rem;
  background-color: rgba(0,160,225,.12);
  position: relative;
}
.applica-list ul li a i em{
  display: block;
  width: 1.38rem;
  height: 1.38rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.applica-list ul li a i.iconHgzy em{
  background: url('../img/application/hgzy.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconYj em{
  background: url('../img/application/yj.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconBl em{
  background: url('../img/application/bl.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconYl em{
  background: url('../img/application/yl.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconNy em{
  background: url('../img/application/ny.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconDz em{
  background: url('../img/application/dz.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconSpyyl em{
  background: url('../img/application/spyyl.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconZz em{
  background: url('../img/application/zz.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a i.iconHb em{
  background: url('../img/application/hb.png') 0 0/100% auto no-repeat;
}
.applica-list ul li a span{
  display: block;
  line-height: .44rem;
  text-align: center;
  font-size: .3rem;
  color: #00a0e1;
}
.applica-bottom{
  height: 1.2rem;
  background: url('../img/application/app-bottom.png') center bottom/100% auto no-repeat;
}

.applica-content{
  padding: .4rem .48rem;
}
.applica-item{
  border-bottom: 1px solid  #e1e1e1;
}
.applica-content a h4{
  font-size: .4rem;
  color: #191919;
}
.applica-content a.btn{
  display: block;
  line-height: .88rem;
  padding-right: .4rem;
  position: relative;
}
.applica-content a.btn span{
  display: block;
  width: .36rem;
  height: .36rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url('../img/application/arrow.png') 0 0/100% auto no-repeat;
  -webkit-transition:all .5s;
  transition:all .5s;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.applica-content .applica-item.active a.btn span{
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.applica-item-content{
  overflow: hidden;
  height: 0;
}
.applica-item.active .applica-item-content{
  overflow: hidden;
  height: auto;
}
.applica-item-content .img{
  margin-bottom: .2rem;
}
.applica-item-content .img img{
  display: block;
  width: 100%;
}
.applica-item-content h5{
  font-size: .36rem;
  line-height: 1.5;
}
.applica-item-content p{
  font-size: .3rem;
  color: #8c8c8c;
  line-height: 1.5;
}
.applica-btn{
  padding-top: .2rem;
  padding-bottom: .6rem;
  text-align: center;
}
.applica-btn a{
  display: inline-block;
  width: 2.88rem;
  height: .72rem;
  line-height: .72rem;
  border-radius: .36rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid  #00a0e1;
  font-size: .34rem;
  color: #00a0e1;
  margin: 0 .15rem;
}

.applica-data-list{
  padding: .2rem .38rem;
}
.applica-data-list li{
  border-bottom: 1px solid  #ededed;
  padding: .25rem 2rem .25rem .94rem;
  position: relative;
}
.applica-data-list li p{
  font-size: .3rem;
  color: #000;
  line-height: 1.3;
  margin: 0;
}
.applica-data-list li span{
  display: block;
  font-size: .26rem;
  color: #999;
  line-height: 1.3;
}
.applica-data-list li i{
  display: block;
  width: .36rem;
  height: .46rem;
  position: absolute;
  top: 50%;
  left: .12rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url('../img/application/iconPdf.png') 0 0/100% auto no-repeat;
}
.applica-data-list li a{
  display: block;
  width: 1.2rem;
  height: .44rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: .22rem;
  border: 1px solid #00a0e1;
  text-align: center;
  line-height: .44rem;
  font-size: .26rem;
  color: #00a0e1;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.linde-logo{
  border-bottom-width: 0;
}
.company-content{
  padding: 0 .32rem .2rem;
}
.company-content-item{
  padding: .3rem;
  border-radius: .1rem;
  background-color: #fff;
  margin-bottom: .3rem;
}
.company-content-item .title{
  font-size: .4rem;
  letter-spacing: 5px;
  color: #005898;
  font-weight: bold;
  padding-bottom: .7rem;
}
.item-content:after{
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
  clear: both;
}
.item-content-left{
  padding-right: .16rem;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.item-content-left .div1{
  width: 100%;
  height: 1.02rem;
  background: url('../img/company/morePerson.jpg') 0 0/100% auto no-repeat;
}
.item-content-left .div2{
  background: url('../img/company/xiaoShouE.jpg') right center/.8rem auto no-repeat;
  margin-bottom: .25rem;
}
.item-content-left > div p{
  line-height: .52rem;
  font-size: .28rem;
  color: #70777a;
  margin: 0;
  letter-spacing: 2px;
}
.item-content-left > div.div1 p{
  line-height: .4rem;
  letter-spacing: 0px;
}
.item-content p span{
  color: #01a0e2;
}
.item-content-right{
  padding-left: .16rem;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.item-content-right .div1{
  width: 100%;
  height: 1.02rem;
  background: url('../img/company/worldMap.jpg') right center/auto 100% no-repeat;
}
.item-content-right .div2{
  background: url('../img/company/gongchengPeitu.jpg') right bottom .12rem/1.4rem auto no-repeat;
  margin-bottom: .25rem;
}
.item-content-right > div p{
  line-height: .4rem;
  font-size: .28rem;
  color: #70777a;
  margin: 0;
  padding-bottom: .12rem;
}
.item-content-right .div2 p{
  line-height: .52rem;
  padding-bottom: 0;
}
.item-content-left .div3{
  margin-bottom: .25rem;
}

.item-content .item-content-bottom{
  float: left;
  width: 100%;
  height: .4rem;
  padding-left: 1.7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('../img/company/daoqingsiPeitu.jpg') left center /auto 100% no-repeat;
}
.item-content-bottom p{
  font-size: .28rem;
  color: #70777a;
  margin: 0;
  line-height: 1;
}
.cci2{
  background:#fff url('../img/company/itemBg.png') 0 0/1.87rem auto no-repeat;
}
.cci2 .title{
  padding: .35rem 0;
  text-align: right;
}

.item-content .line-title {
  position: relative;
  padding-left: .65rem;
  font-size: 0.32rem;
  color: #000000;
  font-weight: bold;
}
.item-content .line-title:before {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.3rem;
  border-radius: 50%;
}
.item-content .line-des {
  font-size: 0.28rem;
  padding: 0.3rem .15rem .3rem .65rem;
  color: #797f82;
  line-height: 0.5rem;
}
.item-content .line-1 .line-title:before {
  background: url("../img/company/mission.png") left 0.15rem center/0.39rem 0.44rem no-repeat, #00a0e1;
}
.item-content .line-2 .line-title:before {
  background: url("../img/company/eyes.png") center center/0.39rem 0.4rem no-repeat, #00a0e1;
}
.item-content .line-3 .line-title:before {
  background: url("../img/company/hopes.png") center center/0.42rem 0.36rem no-repeat, #00a0e1;
}
.item-content .line-2 .line-des {
  display: flex;
  align-item: center;
  justify-items: stretch;
}
.item-content .line-2 .line-des span {
  position: relative;
  flex: 1;
}
.item-content .line-2 .line-des span:before {
  position: absolute;
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.item-content .line-2 .line-des .des-1{
  padding-left: 0.22rem;
}
.item-content .line-2 .line-des .des-1:before {
  width: 0.18rem;
  height: 0.21rem;
  background-image: url("../img/company/des1.png");
}
.item-content .line-2 .line-des .des-2{
  padding-left: 0.24rem;
}
.item-content .line-2 .line-des .des-2:before {
  width: 0.2rem;
  height: 0.25rem;
  background-image: url("../img/company/des2.png");
}
.item-content .line-2 .line-des .des-3{
  padding-left: 0.25rem;
}
.item-content .line-2 .line-des .des-3:before {
  width: 0.21rem;
  height: 0.21rem;
  background-image: url("../img/company/des3.png");
}
.item-content .line-2 .line-des .des-4{
  padding-left: 0.25rem;
}
.item-content .line-2 .line-des .des-4:before {
  width: 0.21rem;
  height: 0.21rem;
  background-image: url("../img/company/des4.png");
}
.item-content .line-2 .line-des .des-5{
  padding-left: 0.37rem;
}
.item-content .line-2 .line-des .des-5:before {
  width: 0.33rem;
  height: 0.21rem;
  background-image: url("../img/company/des5.png");
}
.cci3{
  background:#fff url('../img/company/list3.jpg') top .04rem right .32rem/3.03rem auto no-repeat;
}
.cci3 .item-content-child{
  margin-bottom: .4rem;
}
.cci3 .item-content p{
  line-height: .52rem;
  font-size: .28rem;
  color: #70777a;
  margin: 0;
}


.cci4{
  background:#fff url('../img/company/qiu.png') right top/1.54rem auto no-repeat;
}
.company-content-item.cci4 .title{
  padding-bottom: .5rem;
}
.cci4 li{
  position: relative;
  padding-bottom: .4rem;
}
.cci4 li:last-child{
  padding-bottom: 0;
}
.cci4 li:after{
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top:.22rem;
  left: -.32rem;
  background-color: #005898;
}
.cci4 li:last-child:after{
  display: none;
}
.cci4 li h6{
  line-height: .6rem;
  font-size: .32rem;
  color: #01a0e2;
  letter-spacing: 5px;
  font-weight: bold;
  position: relative;
}
.cci4 li h6:before{
  display: block;
  content: '';
  width: .16rem;
  height: .16rem;
  border-radius: 50%;
  background-color: #01a0e2;
  position: absolute;
  left: -.38rem;
  top: .22rem;
  z-index: 1;
}
.cci4 li p{
  line-height: .52rem;
  font-size: .28rem;
  color: #70777a;
  margin: 0;
  position: relative;
}
.cci4 li p.li:before{
  display: block;
  content: '';
  width: .16rem;
  height: .16rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid  #01a0e2;
  position: absolute;
  left: -.38rem;
  top: .18rem;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cci5{
  padding: .32rem .4rem;
}
.item-content .img img{
  display: block;
  width: 100%;
}
.cci5 li{
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: .5rem;
}
.cci5 li:nth-child(odd){
  padding-right: .5rem;
}
.cci5 li:nth-child(even){
  padding-left: .5rem;
}
.cci5 li h5{
  line-height: .78rem;
  padding-bottom: .12rem;
  color: #01a0e2;
  font-size: .36rem;
  font-weight: bold;
}
.cci5 li .img-cover img{
  display: block;
  width: 100%;
}
.cci6 ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding-top: .15rem;
}
.cci6 ul li{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: .28rem;
  position: relative;
}
.cci6 ul li p{
  margin: 0;
  font-size: .32rem;
  color: #6e7878;
  font-weight: bold;
  line-height: .66rem;
}
.cci6 ul li:nth-child(3n+1){
  width: 48%;
}
.cci6 ul li:nth-child(3n+2){
  width: 36%;
}
.cci6 ul li:nth-child(3n+3){
  width: 16%;
}
.cci6 ul li:before{
  display: block;
  content: '';
  width: .18rem;
  height: .18rem;
  border-radius: 50%;
  background-color: #01a0e2;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.join-bg{
  background: url('../img/joinUs/joinUsBg.jpg') center top .86rem/100% auto no-repeat;
}
.cmall-bg{
  background: url('../img/xfzsc/bg.jpg') center top .86rem/100% auto no-repeat;
}
.join-content{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.join-content li{
  margin-bottom: .38rem;
}
.join-content.cmall li{
  margin-bottom: .85rem;
}
.join-content li a{
  display: block;
  width: 100%;
  height: .94rem;
  line-height: .94rem;
  background-color: #fff;
  border-radius: .47rem;
  box-shadow: 0 0 10px rgba(0,160,255,.55);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1.3rem;
}
.join-content.cmall li a{
  padding-left: .7rem;
}
.join-content li a i{
  display: block;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  left: .3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.join-content.cmall li a i{
  left: .2rem;
}
.join-content li a i.iconSociety{
  background: url('../img/joinUs/iconSociety.png') center/100% auto no-repeat;
}
.join-content li a i.iconCampus{
  background: url('../img/joinUs/iconCampus.png') center/100% auto no-repeat;
}
.join-content li a i.iconRecommend{
  background: url('../img/joinUs/iconRecommend.png') center/100% auto no-repeat;
}
.join-content li a i.iconUser{
  background: url('../img/joinUs/iconUser.png') center/100% auto no-repeat;
}
.join-content.cmall li a i.icon1{
  background: url('../img/xfzsc/icon1.png') center/100% auto no-repeat;
}
.join-content.cmall li a i.icon2{
  background: url('../img/xfzsc/icon2.png') center/100% auto no-repeat;
}
.join-content li a span{
  color: #005591;
  font-size: .4rem;
}
.join-content li a:after{
  display: block;
  content: '';
  width: .44rem;
  height: .44rem;
  position: absolute;
  top: 50%;
  right: .26rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,160,255,.55);
  background: #00a0e1 url('../img/joinUs/arrow.png') center/.15rem auto no-repeat;
}