/*banner横幅 pc*/
.innerBanner {
  position: relative;
  display: flex;
  justify-content: center;
}
.innerBanner img {
  width: 100%;
  height: auto;
}
.innerBanner .innerText {
  box-sizing: border-box;

  color: #fff;
  position: absolute;
  top: 50%;
  width: 100%;
	max-width:1100px;
  transform: translateY(-50%);
}
.innerBanner .innerText > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.innerBanner .innerText > div .title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  margin-bottom: 10px;
}
.innerBanner .innerText > div p {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.innerBanner .nav_d {
  margin: 0 auto;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  padding: 0 50px;
  box-sizing: border-box;
  height: 60px;
 max-width: 1200px;
    width: 100%;
}
.innerBanner .nav_d .left {
  display: flex;
  align-items: center;
  width: 30%;
}
.innerBanner .nav_d .left * {
  margin: 0 5px;
}
.innerBanner .nav_d .left .img_d{ width:26px;}
.innerBanner .nav_d .left .active_color a {
  color: #D70C18;
}
.innerBanner .nav_d .right {
 text-align: right;
  width: 70%;
}
.innerBanner .nav_d .right .zlm {
 
 
}
.innerBanner .nav_d .right .zlm  li{
 display: inline-block; margin: 0 10px;
 
}
.innerBanner .nav_d .right .zlm .active_line a {
  color: #D70C18;
}
.innerBanner .nav_d .right .zlm .active_line{ border-bottom:1px solid #D70C18;height: 60px;
    line-height: 60px;}

/*banner横幅结束*/


.cpzc2 .title{ color:#fff !important;}
.cpzc2 p{ color:#fff !important;}
.wenda {
    display: none;
}


.top {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  margin: 30px auto;
}
.top .it {
  height: 100%;
}
.top .it h3 {
  margin-top: 10px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
}
.top .it img {
  margin-top: 10px;
}
.top ul {
  display: flex;
  width: 70%;
  position: relative;
}
.top ul:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -10px;
  background-color: rgba(51, 51, 51, 0.2);
}
.top ul li {
  margin: 0 15px;
  padding: 0 10px;
  position: relative;
}
.top ul li a {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.top ul li.active ::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -10px;
  background-color: #D70C18;
}
.top ul li.active a {
  color: #D70C18;
}

.wenda {
  width: 80%;
  margin: 0 auto;
}
.wenda .item_wd {
  padding: 5px 0;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.wenda .item_wd .wd_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}
.wenda .active .wd_top span{ color:#D70C18 !important;}
.wenda .item_wd .wd_top img{ width:15px;}
.wenda .item_wd .wd_top span {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  opacity: 0.8;
}
.wenda .item_wd .wd_top span:hover {
  color: #D70C18;
}
.wenda .item_wd ul {
 
  overflow: hidden;
  overflow-y: auto;
}
.wenda .item_wd li {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  opacity: 0.6;
}
.wenda.active span {
  color: #333333;
  opacity: 1;
}
.wenda:first-of-type .show_wd {
  display: none;
}
.wenda:first-of-type span {
  color: #333333;
  opacity: 1;
}
.wenda:not(:first-of-type) .hide_wd {
  display: none;
}
.wenda:not(:first-of-type) .ul_wd {
  display: none;
}
.title_d {
  width: 100%;
  text-align: center;
  margin: 50px 0;
}
.title_d h3 {
  font-size: 30px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}


/* 联系我们 */
.logistics_my {
    width: 100%;
   
    position: relative;
    text-align: left;
}

.logistics_my_bg {
    width: 100%;
    height: 100%;
}

.logistics_my_inner {
    /* background-color: cyan; */
    width: 80%;
    position: absolute;
    top: 120px;
    left: 10%;
    display: flex;
}

.logistics_my_left {
    width: 60%;
    display: flex;
    flex-direction: column;
}

.logistics_my_pth {
    width: 241px;
    height: 35px;
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
}

.logistics_my_inner_bot {
    width: 50px;
    height: 2px;
    background: #D70C18;
    margin-top: 15px;
}

.logistics_my_p {
   
    height: 17px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin-top: 20px;
}

.logistics_my_fuwu {
   height: 35px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #D70C18;
    line-height: 30px;
    margin-top: 120px;
}

.logistics_my_fuwu01 {
    width: 2 66px;
    height: 17px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin-top: 10px;
}

.logistics_my_fuwu02 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 25px;
}

.logistics_my_fuwu02_emli {
    width: 22px;
    height: 18px;
    margin-top: 12px;
    margin-right: 20px;
}

.logistics_my_fuwu02_01 {
    width: 281px;
    height: 21px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
}

.logistics_my_right {
    width: 50%;
}

.logistics_my_right_name {
    display: block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    /* border: #ffffff5d 1px solid ; */
    background-color: #ffffff5d;
}

.logistics_my_right_name input {
    border: none;
    width: calc(100% - 10px);
    height: 100%;
    background-color: #ffffff5d;
    font-size: 16px;
    padding-left: 10px;
    line-height: 40px;
}

.logistics_my_right_tel {
    display: block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    /* border: #ffffff5d 1px solid ; */
    background-color: #ffffff5d;
    margin-top: 9%;
}

.logistics_my_right_tel input {
    border: none;
    width: calc(100% - 10px);
    height: 100%;
    background-color: #ffffff5d;
    font-size: 16px;
    padding-left: 10px;
    line-height: 40px;
}

.logistics_my_right_nu {
    display: block;
    display: flex;
    width: 100%;
    height: 140px;
    line-height: 140px;
    /* border: #ffffff5d 1px solid ; */
    background-color: #ffffff5d;
    margin-top: 9%;
}

.logistics_my_right_nu textarea {
    width: 500px;
}

.logistics_my_right_nu_hod {
    color: #CF000E;
    font-size: 19px;
    background-color: #ffffff5d;
}

.logistics_my_right_nu textarea {
    border: none;
    width: 100%;
    height: calc(100% - 15px);
    background-color: #ffffff5d;
    font-size: 16px;
    padding-left: 10px;
    line-height: 0%;
    padding-top: 15px;
}

.logistics_my_right_btn {
    width: 25%;
    height: 50px;
    background: #D70C18;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    margin-top: 10%;
}





.my_swiper {
  width: 80%;
  margin: 0 auto;
  position: relative;
  width: 75vw;
}

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 42.6vw;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next {
  bottom: 3vw;
  left: calc(50% - 13px);
  right: 0;
  top: auto;
}

.swiper-button-prev {
  top: 4vw;
  left: calc(50% - 13px);
  right: 0;
}

.swiper-button-prev:after {
  transform: rotate(90deg);
  color: #999;
  font-size: 24px;
}

.swiper-button-next:after {
  transform: rotate(90deg);
  color: #999;
  font-size: 24px;
}

.swiper-slide {
  opacity: 0.5;
}

.swiper-slide-active {
  opacity: 1;
}

.rightSlider {
  width: 16.8vw;
  height: 36.6vw;
  position: absolute;
  right: 0;
  top: 0;
  background: #323232;
  padding: 3vw 2vw;
}

.mySwiper3 {
  height: 30.6vw;
  margin-top: 3vw;
}

.sw {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
  margin: 0;
  width: 54.479vw;
  overflow: hidden;
}

.sw .swiper-slide {
  position: relative;
}

.sw .swiper-slide em {
  position: absolute;
  bottom: 4vw;
  left: 3vw;
  color: #fff;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 40px;
}

.sw .swiper-slide {
  position: relative;

}

.sw video {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.sw img.play {
  width: 30px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 33;

}


.rightSlider .swiper-slide {

  position: relative;


}

.rightSlider .swiper-slide p {
  position: absolute;
  z-index: 33;
    width: 100%;
    line-height: 18px;
  bottom: 10px;
  left: 5px;
  color: #FFF;
}







@media screen and (max-width:1366px) {
	
	.logistics_my_left {
		margin-right: 40px;
	}

	.logistics_my_right {
		margin-left: 40px;
	}
}



@media screen and (max-width: 750px) {
	
	 .rightSlider {
    display: none;
  }

  .my_swiper {
    width: 80%;
    margin: 0 auto;

  }

  .my_swiper em {
    font-size: 16px !important;

  }


  .sw {
    width: 100%;
  }

  .swiper-pagination-bullet {
    background-color: #999;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
  }
	
	
	  .top ul {
    display: none;
  }
	.cpzc { width:100%; overflow: hidden;}
	.cpzc img{height:288px; width:auto;}
	.cpzc .nav_d{ display: block;    padding: 0 10px;
    border-bottom: 1px solid #ccc;}
	.cpzc .left {    padding-top: 16px;}
	.cpzc .left .img_d img{ height: auto;}
	
	
  .innerBanner .innerText {
    padding: 0 10%;
  }
  .innerBanner .innerText div.title {
    font-size: 18px;
    margin: 0;
  }
  .innerBanner .innerText div.text p {
    font-size: 14px;
  }
  .innerBanner .nav_d {
    display: none;
 
  }
  .innerBanner .nav_d .left {
    width: 100%;
  }
 
  .innerBanner .nav_d .right {
    display: none;
  }
  .innerBanner .nav_d {
    padding: 0 10px;
  }
	
	 .logistics_my {
        margin-top: 3vw;
		height: 688px;
    }

    .logistics_my_pth {
        font-size: 4vw;
    }

    .logistics_my_inner_bot {
        width: 10vw;
    }

    .logistics_my_p {
        width: 87vw;
        font-size: 2.5vw;
    }

    .logistics_my_fuwu {
        margin-top: 12vw;
        width: 88vw;
        font-size: 5vw;
    }
	.logistics_my_right_nu,.logistics_my_right_tel{ margin-top:3%;}
    .logistics_my_fuwu01 {
        font-size: 3vw;
    }

    .logistics_my_inner {
        display: block;
        top: 2vh;

    }

    .logistics_my_left {
        display: block;width: 100%;
    }
    .logistics_my_fuwu02_01{    width: 100%; height: auto;font-size: 18px;}
	.logistics_my_fuwu02_emli{    margin-top: 0px;margin-right: 10px;}
.logistics_my_right {
    width: 98%;
    margin-left: 0;
  
    margin: 0 auto;
    margin-top: 25px;
}
	.logistics_my_right_btn,.logistics_my_right_name,.logistics_my_right_tel{width:100%;}
 
	
}