/*contact*/
.xbanner{ position:relative; z-index:2;}
.xbanner_img_box{ overflow:hidden;}
.xbanner img{ width:100%;}
.xbanner img{ animation:bianda 14s infinite;}



@keyframes bianda
{
    0%   {}
    50% { transform:scale(1.05,1.05);}
    100% {}
}



.xbanner .wrap{ position:absolute; top:50%; left:50%; transform:translate(-50%,-30%); color:#fff;}
.xbanenr_wz{}
.xbanenr_wz h2{ font-size:3.2rem; margin:3rem 0 2rem;}
.xbanenr_wz p{ font-size:1.1rem;}

.xbanenr_wz span{height:50px;line-height:38px;font-size:24px;color:#fff;font-family:"yahei";display:block;position:relative}
.xbanenr_wz span:before{content:"";display:block;width:60px;height:1px;background:#eee;position:absolute;left:0;bottom:0}







.contact1{background:url(../picture/xbanner1.jpg) center no-repeat;background-size:auto 100%;padding-top:230px;padding-bottom:130px;line-height:1; animation:bgbd 14s infinite;}
@keyframes bgbd
{
    0%   {}
    50%  { background-size:auto 105%;}
    100% {}
}
.contact1 h2{font-size:4rem;color:#ffffff;font-weight:bold}
.contact1 .text{font-size:1rem;color:#888888;margin-top:40px;margin-bottom:42px}
.contact1 .tel_swt{width:750px;border-top:1px solid #626566;border-bottom:1px solid #626566;padding-left:40px; overflow:hidden;}
.contact1 .tel_swt p{font-size:1.1rem;color:#ffffff;float:left;padding:31px 0 31px 90px;transition:all linear 0.3s}
.contact1 .tel_swt p span{font-size:2rem;color:#FF6600;font-weight:bold;display:block;margin-bottom:12px;transition:all linear 0.3s}
.contact1 .tel_swt .telbtn{background:url(../picture/contact_tb01.png) left center no-repeat;margin-right:4rem;}
.contact1 .tel_swt .swtbtn{background:url(../picture/contact_tb02.png) left center no-repeat;cursor:pointer}
.contact1 .tel_swt .swtbtn:hover{color:#f3392b}
.contact1 .tel_swt .swtbtn:hover span{color:#ffffff}
.contact1 .address{font-size:1.1rem;color:#ffffff;margin-top:2rem; display:block;}

.npagenav2{ line-height:4rem; background:#fff;font-size:1.1rem;}
.npagenav2 a{ display:inline-block;}



.npagenav{ line-height:4rem; height:4rem; background:#fff;font-size:1.1rem;}
.npagenav a{ display:inline-block; padding:0 1.5rem;}
.npagenav a.current-img{ color:#fff; background:#0088bb;}


.contactpage{ background:#f9f9f9;}

.fgs_tit {
  font-size: 1.8rem;
  color: #004965;
  margin-bottom: 37px;  
  font-weight:bolder;
}
.fgs_tit i{
  font-size: 2rem;
  color: #004965;
  margin-bottom: 37px;
}
.fgs_tit span {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  font-family: Arial;
}

.fgs{ padding:3rem 0 4rem; background-image:url(../picture/about/jiagou_bg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }



.fgs_list{flex-wrap: wrap;justify-content: space-between;align-items: stretch;             display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2.5rem 1.5rem;
}
.fgs_li{display:flex;color:#333;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start; border-radius:1rem; transition:all 0.5s; }


.fgs_li_l{ margin-right:1rem; display:none;}
.fgs_li_l span{ font-size:2.2rem;transition:all 0.5s;}
.fgs_li_r{ flex:1;}
.fgs_li_r h4{}
.fgs_li_r h4{font-size:1.5rem;font-weight:normal;display:block;transition:all 0.5s;}
.fgs_li_r h4:after{content:"";border-top:11px solid #FF6600;border-right:8px solid transparent;border-left:8px solid transparent;display:inline-block;margin-top:-2px; margin-left:0.3rem; display:none;}
.fgs_li_r h4 i{font-size:1.1rem; color:#999;}

.fgs_li_r p{font-size:1.1rem;line-height:1.75;padding-top:12px;margin-top:15px;transition:all 0.5s;}
.fgs_li_r p .iconfont,.fgs_top_list li .iconfont{ display:none;}
.fgs_li_r p em{ font-size:1.2rem; text-transform:uppercase; font-weight:500;}



.fgs1{}
.fgs2{}
.fgs2 .fgs_list{grid-template-columns:repeat(6, 1fr);}



/*.fgs_top{background:#fff; color:#333; padding:2.5rem 2rem; margin-bottom:1.5rem;border-radius:1rem; transition:all 0.5s; }*/
/*.fgs_top_list{display:grid;flex-wrap: wrap;justify-content: space-between;align-items: stretch;grid-template-columns: repeat(3, 1fr);
            gap: 1rem;}*/
.fgs_top{color:#333; margin-bottom:1.5rem;border-radius:1rem; transition:all 0.5s; width:calc((100% - 3rem) / 3); padding:2rem 0;}
.fgs_top_list{display:grid;flex-wrap: wrap;justify-content: space-between;align-items: stretch;grid-template-columns: repeat(1, 1fr);
            gap: 1rem;}
.fgs_top_t{font-size:1.5rem;font-weight:500;display:block;transition:all 0.5s;}
.fgs_top_list{border-top:1px solid #f3f3f3;font-size:1.1rem;line-height:1.75;padding-top:12px;margin-top:15px;transition:all 0.5s;}



.xb{height:400px;/*background:var(--bg2);*/background:url(../picture/xbanner3.jpg) no-repeat bottom center;background-size:cover;color:#fff;text-align:center;padding-top:120px;display:flex;align-items: center;}
.xb .wrap{ font-size:2rem; font-weight:bold;}

.xb2{ }
.xb2{height:400px;background:var(--bg2);color:#fff;text-align:center;padding-top:120px;display:flex;align-items: center;}
.xb2 .wrap{ font-size:2rem; font-weight:bold;}


/*jiagou*/
.jiagoupage{ background:url(../picture/about/jiagou_bg.jpg)  center no-repeat;background-size:100% 100%; animation:bgbd2 14s infinite;}

.jiagou_img{ margin:2rem 0; width:100%;}
@keyframes bgbd2
{
    0%   {}
    50%  { background-size:105% 105%;}
    100% {}
}


.quanqiu{ background:#f1f1f1;}

.quanqiu_box{ position:relative;}



.qq_wz{ padding-top:3rem; width:100%;}

.qq_list{display:flex;align-items: stretch;justify-content: space-evenly;align-content: center;background:#14779c; border-radius:1rem;}
.qq_list li{color:#fff;width:33.3333%;padding:1rem 2rem;display:flex;align-items: center;justify-content: flex-start;}
.qq_list li span{ font-size:1.5rem; padding:0 0.3rem; font-weight:bold;}

.wenhua{ padding:5rem 0;}

.wenhua_ul{
  display: flex;
  gap: 2rem; /* 列间隙 */
  justify-content: center;
  align-items: stretch;
  }
  .qq_list_icon{ padding-right:1rem;}
  .qq_list_icon i{ font-size:2.5rem;}

  
/*.wenhua_li:nth-child(1),
.wenhua_li:nth-child(2) {
  grid-column: span 2; 
}
*/
.wenhua_li{border:1px solid #ddd;width:33%; border-radius:1rem; background:rgba(255,255,255,.3); transition:all 0.5s; position:relative;}
.wenhua_li:after{content:""; position:absolute;border-top:11px solid var(--bg2); width:30%; top:-5px; left:50%; transform:translateX(-50%); display:inline-block; transition:all 0.5s; border-radius:1rem;}


.wenhua_li_box{display:flex;flex-direction: column;align-items: center; padding:3rem 0; gap:2rem; transition:all 0.5s;}

.wenhua_li:hover{ background:rgba(255,255,255,1); box-shadow:0 10px 32px rgba(29,29,31,0.12);}
.wenhua_li:hover .wenhua_li_box{transform:scale(1.1,1.1);}
.wenhua_li:hover:after{ width:90%;}


.wenhua_ul2{  grid-template-columns: repeat(4, 1fr); margin-top:2rem;}
.wenhua_ul2 .wenhua_li{ width:25%;}


.wenhua_li h3{ font-size:1.8rem; color:var(--bg2); font-style:italic;}
.wenhua_li p{ font-size:1.2rem; line-height:2rem; height:4rem;}


.xb3{height:400px;/*background:var(--bg2);*/background:url(../picture/xbanner2.jpg) no-repeat bottom center;background-size:cover;color:#fff;text-align:center;padding-top:120px;display:flex;align-items: center;}
.xb3 .wrap{ font-size:2rem; font-weight:bold;}

.whpage{ background:url(../picture/about/jiagou_bg.jpg) #f7f7f7 no-repeat bottom center fixed; background-size:cover; position:relative; padding-bottom:5rem;}

.whpage_list{ position:relative;}

.xwh_ul{}


.xwh_ul li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  justify-content: space-evenly;
  padding: 8rem 0;
}
.xwh_ul li:hover .icon {
  transform: rotateY(180deg);
}
.xwh_ul li:nth-child(even) .info {
  order: 1;
  /* padding-left: 7rem; */
}
.xwh_ul li:nth-child(even) .pic {
  order: 0;
  display:flex;
  justify-content: flex-end;
}
.xwh_ul li:nth-child(even) .pic .icon{
}

.xwh_ul li:nth-child(even) .icon {
  right: -96px;
}
.xwh_ul li:nth-child(odd) .info {
  text-align: right;
  /* padding-right: 7.5rem; */
}
.xwh_ul li:nth-child(odd) .icon {
  order: 1;
  left: -96px;
}
.xwh_ul li:nth-child(odd) .box {
  order: 0;
}
.xwh_ul li:nth-child(-n+3) .icon {
  border-color:#fff;
}
.xwh_ul li:nth-last-child(-n+3) .info {
  color: #003e55;
}
.xwh_ul li:nth-child(2) {
  margin-bottom: 16px;
}
.xwh_ul li .pic {
  /* position: relative; */
  width: 50%;
  border-radius: 10px;
  margin: 0 2rem;
}
.xwh_ul li .pic > img {
  width: 100%;
  border-radius: 10px;
  height: 20rem;
  object-fit: contain;
}
.xwh_ul li .info {
  position: relative;
  flex: 1;
}
.xwh_ul li .icon {
  /* position: absolute; */
  /* top: 0; */
  /* z-index: 10; */
  display:inline-block;
  border: 10px solid #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.xwh_ul li .icon img {
  width: 114px;
  height: 114px;
  border-radius: 50%;
}
.xwh_ul li .box {
  flex: 1;
}
.xwh_ul li .name {
  font-size: 1.6rem;
}
.xwh_ul li .text {
  color: #ff7500;
  font-size: 1rem;
  line-height: 36px;
  margin-bottom: 5px;
}
.xwh_ul li .brief {
  font-size: 16px;
  color: #333;
  line-height: 40px;
}
.xwh_ul li .en {
  font-size: 1rem;
  text-transform: capitalize;
  margin: 5px auto .2rem;
}
.xwh_ul li .desc {
  font-size: 1rem;
  line-height: 36px;
}
.xwh_ul li .h3 {
  font-size: 1rem;
  color: #333;
  line-height: 36px;
  margin-bottom: .2rem;
}
.xwh_ul li p {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}



.whpage .decoration-circle,
.whpage .orange-block {
  position: absolute;
  z-index: 10;
}
.whpage .decoration-circle {
  left: -135px;
  top: 40rem;
}
.whpage .decoration-circle.circle-2 {
  left: auto;
  right: -135px;
  top: auto;
  bottom: 48rem;
}
.whpage .orange-block {
  right: 0;
  bottom: -5rem;
}

.orange-block {
  width: 44px;
  height: 206px;
  background: #ff7500;
  border-bottom-left-radius: 30px;
}
.orange-block.right {
  position: absolute;
  right: 0;
  bottom: -1rem;
  z-index: 10;
}
.decoration-circle {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  border: 40px solid #00c79b;
}
.index-box-1 {
  position: relative;
  z-index: 10;
  font-size: 0;
  font-family: you;
}


/*进出口代理*/
.xb5{height:400px;/*background:var(--bg2);*/background:url(../picture/xbanner5.jpg) no-repeat bottom center;background-size:cover;color:#fff;text-align:center;padding-top:120px;display:flex;align-items: center;}
.xb5 .wrap{ font-size:2rem; font-weight:bold;}

.jinchukoupage{ background:#f9f9f9;}

.jck_t{ padding-bottom:5rem;}
.jck_tp{ padding:3rem 0;}
.jck_tp_t{ text-align:center; border-bottom:1px solid #eee; padding:2rem 0; margin-bottom:2rem;}
.jck_tp_t h2{ font-size:2rem;}
.jck_tp_t p{}


.jck_tp_p{ text-align:center;}

.jck_t2{ padding-top:2rem;}
.jck_t2_ul{display:flex;justify-content: center;align-items: stretch; gap:5rem; padding:3rem 0 0;}
.jck_t2_ul li{ width:40%;}
.jck_t2_box{ position:relative; height:100%; padding:4rem 4rem 4rem 5rem; background:#fff; border-radius:1rem;transition:0.5s;}
.jck_t2_box h3{ font-size:1.4rem; padding-bottom:0.5rem;}
.jck_t2_box p{ font-size:1.1rem;}
.jck_t2_box .jck_t2_icon{ position:absolute; top:50%; left:0; transform:translate(-50%,-50%);  background:var(--bg1); padding:1.5rem; color:#fff; height:6rem; width:6rem; line-height:3rem; border-radius:50%;animation:xz6 6s infinite; transition:0.5s;}
.jck_t2_box .jck_t2_icon span{font-size:3rem;}

.jck_t2_ul li:hover .jck_t2_box{ box-shadow:0 10px 32px rgba(29,29,31,0.05);}

.jck_t2_ul li:nth-child(2) .jck_t2_box .jck_t2_icon{ animation-delay: 3s;}
@keyframes xz6 {
	0% {
        transform:translate(-50%,-50%) rotate(0deg) rotateY(0);
    }
	70% {
        transform:translate(-50%,-50%) rotate(0deg) rotateY(0);
    }

    80% {
        transform:translate(-50%,-50%) rotate(0deg) rotateY(180deg);
    }
    90% {
        transform:translate(-50%,-50%) rotate(0deg) rotateY(0);
    }

    100% {
        transform:translate(-50%,-50%) rotate(360deg) rotateY(0);
    }
}


.jck_t_ul{display:flex;gap:3rem;align-items: stretch;justify-content: center;}
.jck_t_ul li{ background:var(--bg2); color:#fff; padding:3rem 4rem; line-height:1.8; border-radius:1rem; width:40%;}
.jck_t_ul li:hover{ background:#005d7f;}
.jck_t_ul li h3{ font-size:2rem; margin-bottom:2rem; font-weight:normal; line-height:3rem; position:relative; padding-bottom:2rem;}
.jck_t_ul li h3 em{ padding-left:1rem;}
.jck_t_ul li h3 span{ font-size:3rem; vertical-align:middle; font-weight:normal; animation:xuanzhaun5 4s infinite; transition:0.5s; display:inline-block;}
.jck_t_ul li p{ line-height:2; font-size:1.2rem;}


.jck_t_ul li:nth-child(2) span{ animation-delay: 1s;}
@keyframes xuanzhaun5 {
    0% {
    }

    75% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}






.jck_t_ul li h3:after{ position:absolute;content:" "; bottom:0; left:0; width:6rem; height:2px; background:#fff;}

.jck_b{ padding:5rem 0;}
.jck_bt{ font-size:1.3rem; font-weight:bold;}
.jck_b_ul{display:flex;gap:1rem;justify-content: space-between;align-items: stretch; padding-top:2rem; padding-bottom:4rem;}
.jck_b_ul li{ width:20%; text-align:center;}




.jck_b_ul h5{ margin-bottom:1rem; background:url(../picture/about/right2.png) right center no-repeat;}
.jck_b_ul h5 span{ display:block; margin:0 auto; color:rgba(0, 73, 101, 0.5); width:100px; height:100px; line-height:100px; font-size:2.5rem; border:1px solid rgba(0, 73, 101, 0.5); border-radius:50px; transform:translateX(-10px);}
.jck_b_ul p{ font-size:1.1rem; margin-right:20px;}
.jck_b_ul li:last-child h5{ background:none;}

.jck_b_ul li:hover h5 span{color:var(--bg1);border:1px solid var(--bg1);}
.jck_b_ul li:hover p{color:var(--bg1);}

.jck_bb{}


.jck_bb_t{ font-size:1.1rem; padding:1.5rem 0 1rem;}

.jck_bb_t:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}

.jck_bb p{ line-height:1.8; padding-bottom:1rem; font-size:1rem;}



/*国际还空运*/


.transport-wrapper {
  position: relative;
}
.transport-wrapper .inner-box {
  position: relative;
  z-index: 11;
  width: 100%;
  background:#004964;
  padding: 5rem 0;
  background-size: 100% 85%;
}
.transport-wrapper .box-1 {
  position: relative;
  font-size: 0;
}
.transport-wrapper .box-1 > img {
  width: 100%;
  height: auto;
}
.transport-wrapper .box-1 > img.phone {
  display: none;
}
.transport-wrapper .box-1 .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  color: #fff;
  line-height: 2;
  display: flex;
  align-items: center;
  padding-top:5rem;
}
.transport-wrapper .box-1 .info > .wrap > .name {
  font-size: 2rem;
  margin-bottom:2rem;
  
}
.box_1_ul {
  width: 50%;
  font-size: 0;
}
.box_1_ul li {
  display: inline-block;
  width: 50%;
  font-size: 1rem;
  margin-bottom: 1.3rem;
}
.box_1_ul li span {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.transport-wrapper .box-2 {
  margin-top: -3.16rem;
}

.xg1{ background:#f5f5f5; padding:5rem 0;}
.xg1_t{ font-size:2.5rem; text-align:center; padding-bottom:5rem;}


.box_2_ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom:5rem;
  gap:2rem;
  max-width:1800px;
  margin:0 auto;
}
.box_2_ul li{
  flex:1;
  padding:2rem 2rem; border:1px dashed rgba(200,200,200,1);
}

.box_2_ul li:nth-child(2) {
  flex:1;
}



.box_2_ul li:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.box_2_ul li .pic {
  width: 100%;
  border-radius: 10px;
  margin-bottom: .45rem;
  overflow: hidden;
}
.box_2_ul li .pic img {
  width: 100%;
  height: 3.4rem;
  object-fit: cover;
  border-radius: 10px;
  transition: transform .5s ease;
}
.box_2_ul li .info2 {
}
.box_2_ul li .icon {
  width: 60px;
}
.box_2_ul li .icon img {
  width: 60px;
}
.box_2_ul li .name,
.box_2_ul li .desc {
  line-height: 2;
}
.box_2_ul li .name {
  font-size: 1.8rem;
  margin: 1rem auto 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.box_2_ul li .desc {
  font-size: 1rem;
}

.xj-swiper-wrapper{ display:flex;}
.xj-swiper-wrapper .swiper-slide{ display:flex;}

.transport-wrapper .box-3 .tab-header .swiper-slide {
  position: relative;
  width: 25%;
  min-height:12rem;
}
.transport-wrapper .box-3 .tab-header .swiper-slide > img {
  width: 100%;
  object-fit: cover;
}
.transport-wrapper .box-3 .tab-header .swiper-slide .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: background .3s;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.transport-wrapper .box-3 .tab-header .swiper-slide .info .box {
  width: 100%;
  text-align: center;
}
.transport-wrapper .box-3 .tab-header .swiper-slide .info .box .icon {
  width: 4rem;
  margin: 0 auto;
}
.transport-wrapper .box-3 .tab-header .swiper-slide .info .name {
  font-size: 1rem;
  color: #fff;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transport-wrapper .box-3 .tab-header .swiper-slide.on .info {
  background: rgba(255, 117, 0, 0.5);
}
.transport-wrapper .box-3 .tab-content {
  margin-top: 5rem;
}
.transport-wrapper .box-3 .tab-content .item {
  position: relative;
  display: none;
  font-size: 1rem;
  color: #fff;
  line-height: 1.8;
  padding-left: 15rem;
}
.transport-wrapper .box-3 .tab-content .item .box {
  padding-left: 3.74rem;
}

.transport-wrapper .box-3 .tab-content .item .desc {
  margin-bottom: 2rem;
  line-height:1.8rem;
  height:5.4rem;
}
.transport-wrapper .box-3 .tab-content .item .range{ line-height:1.8rem; height:7.2rem;}
.transport-wrapper .box-3 .tab-content .item .range span {
  display: inline-block;
  min-width: 28%;
}
.transport-wrapper .box-3 .tab-content .item.on {
  display: block;
  animation: fadeIn .3s;
}
.transport-wrapper .box-3 .tab-content .item .name {
  position: absolute;
  left: 0rem;
  top: 0;
  z-index: 10;
  font-size: 1rem;
  color: #fff;
}
.transport-wrapper .box-3 .tab-content .item .name img {
  width: 7rem;
  display: inline-block;
  margin-right: .75rem;
  vertical-align: middle;
}
.transport-wrapper .box-4 {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding:4rem 0 5rem;
}
.transport-wrapper .box-4 .pic {
  width: 60%;
  font-size: 0;
  border-radius: 1rem;
}
.transport-wrapper .box-4 .pic img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
.transport-wrapper .box-4 .list {
  flex: 1;
  padding-left: 6rem;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.transport-wrapper .box-4 .list a {
  display: block;
}
.transport-wrapper .box-4 .list ul {
  width: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.transport-wrapper .box-4 .list ul li {
  width: 50%;
  margin-bottom: 3rem;
}
.transport-wrapper .box-4 .list ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.transport-wrapper .box-4 .list ul li:hover .name {
  color: #ff7500;
}
.transport-wrapper .box-4 .list ul li:hover .more img {
  transform: translateX(10px);
}
.transport-wrapper .box-4 .list ul li .icon {
  width: 50px;
}
.transport-wrapper .box-4 .list ul li .name {
  font-size: 1rem;
  color: #333;
  line-height: 1.8;
  margin: 2px auto 8px;
}
.transport-wrapper .box-4 .list ul li .more {
  font-size: 1rem;
  color: #ff7500;
  line-height: 36px;
}
.transport-wrapper .box-4 .list ul li .more img {
  display: inline-block;
  width: 13px;
  margin-left: 10px;
  vertical-align: middle;
  transition: transform .3s;
}
.transport-wrapper .box-5 {
  margin-top: 4rem;
  font-size: 0;
  background: url(../images/t_bg2.png) no-repeat right bottom;
  padding-bottom: 4rem;
}
.transport-wrapper .box-5 .title-box {
  text-align: center;
}
.transport-wrapper .box-5 .title-box .title {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.transport-wrapper .box-5 .title-box .swiper-pagination {
  text-align: center;
  width: 100%;
  position: static;
}
.transport-wrapper .box-5 .title-box .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 90px;
  height: 3px;
  opacity: 1;
  background: #d4d4d4;
  margin: 0;
  border-radius: 0;
  border: 1px solid transparent;
  overflow: hidden;
}
.transport-wrapper .box-5 .title-box .swiper-pagination .swiper-pagination-bullet:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.transport-wrapper .box-5 .title-box .swiper-pagination .swiper-pagination-bullet:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.transport-wrapper .box-5 .title-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff7500;
}
.transport-wrapper .box-5 .swiper-box {
  border: 1px solid #efefef;
  border-radius: 10px;
  margin-top: .6rem;
  background: #fff;
  border-bottom: none;
}
.transport-wrapper .box-5 .swiper-box .swiper-slide {
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  font-size: 0;
}
.transport-wrapper .box-5 .swiper-box .swiper-slide img {
  width: 100%;
  height: 1.95rem;
  object-fit: contain;
}
.transport-wrapper .decoration-circle,
.transport-wrapper .orange-block {
  position: absolute;
  z-index: 11;
}
.transport-wrapper .decoration-circle {
  right: -142px;
  bottom: 14.6rem;
}
.transport-wrapper .orange-block.left {
  left: 0;
  bottom: 14.4rem;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 0;
}


.fwzc{ padding:5rem 0; background:url(../picture/about/jiagou_bg.jpg) center center no-repeat;}
.fwzc_t{ text-align:center;}
.fwzc_t h3{ font-size:2rem;}
.fwzc_t p{}


.fwzc_ul{display:flex;gap:2rem;text-align:center;margin-top:3rem;align-items: stretch;justify-content: space-between;}
.fwzc_ul li{ flex:1; background:#fff; padding:1rem; border-top:12px solid var(--bg2); box-shadow:0 10px 32px rgba(29, 29, 31, 0.12); transition:all 0.5s; cursor:pointer;}
.fwzc_ul li span{ font-size:3.5rem; color:var(--bg2); animation: xuanzhaun2 5s infinite; transition:all .5s; display:inline-block;}
.fwzc_ul li h4{ font-size:1.2rem; padding:0.8rem 0 1.5rem; font-weight:normal;}
.fwzc_ul li p{ padding:1.5rem; border-top:1px solid #eee; text-align:left;}
.fwzc_ul li p i{ display:block; padding-bottom:0.5rem; line-height:1.8; height:5.4rem; overflow:hidden;}

.fwzc_ul li:nth-child(2n){ }

.fwzc_ul li:nth-child(2) span{ animation-delay: 1s;}
.fwzc_ul li:nth-child(3) span{ animation-delay: 2s;}
.fwzc_ul li:nth-child(4) span{ animation-delay: 3s;}
.fwzc_ul li:nth-child(5) span{ animation-delay: 4s;}
.fwzc_ul li:nth-child(6) span{ animation-delay: 5s;}



.fwzc_ul li:hover{box-shadow:0 10px 32px rgba(29, 29, 31, 0.3);}
.fwzc_ul li:hover h4{color:var(--bg2);}


.hky .fwzc_ul li span{color:var(--bg1);}
.hky .fwzc_ul li{border-top:12px solid var(--bg1);}
.hky .fwzc_ul li:hover h4{color:var(--bg1);}

@keyframes xuanzhaun2 {
    0% {
    }

    25% {
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




@keyframes cirAni {
  0% {
    width: 100px;
    height: 100px;
    border: 1px solid #156788;
  }
  100% {
    width: 500px;
    height: 500px;
    border: 1px solid rgba(21, 105, 137, 0.2);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes txtFadeIn {
  0% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.zhuanxian{ padding:0 0 5rem; background:#004964; color:#fff;}
.zhuanxian .wrap{ border-top:1px dashed #276881;}
.zhuanxian_t{ text-align:center;  margin-bottom:4rem; padding-top:4rem;}
.zhuanxian_t h3{font-size:2rem;}
.zhuanxian_t p{}

.zhuanxian_ul{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch; border-radius:1rem; overflow:hidden;}
.zhuanxian_ul li{ width:50%; background:rgba(255, 117, 0, 0.5); text-align:center; padding:3rem;}
.zhuanxian_ul li h4{ font-size:1.4rem; margin-bottom:1rem;}
.zhuanxian_ul li p{}
.zhuanxian_ul li:nth-child(2){ background:rgba(0, 0, 0, 0.4);}
.zhuanxian_ul li:nth-child(3){ background:rgba(0, 0, 0, 0.4);}

.zhuanxian_ul li:hover{background:rgba(255, 117, 0, 0.7);}
.zhuanxian_ul li:hover:nth-child(2){ background:rgba(0, 0, 0, 0.6);}
.zhuanxian_ul li:hover:nth-child(3){ background:rgba(0, 0, 0, 0.6);}

.tongguan{ background:#f9f9f9; padding:4rem 0 1rem;}

.tongguan_t{ text-align:center; margin-bottom:2rem;}
.tongguan_t h2{ font-size:2rem; font-weight:normal; margin-bottom:1rem;}
.tongguan_t p{ font-size:1rem;}

.tg1{ padding-bottom:3rem;}
.tg1_t{ font-size:1.5rem; padding-bottom:1rem; font-weight:bold;}
.tg1_p{ font-size:1rem;}

.tongguan2{ background:#fff;}

.tg2{ padding:4rem 0;}
.tg2_t{ text-align:center;}
.tg2_t h3{ font-size:1.5rem; padding-bottom:1rem; font-weight:bold;}
.tg2_t p{ font-size:1rem;}


.tg2_ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:3rem 0;
}
.tg2_ul li {
  position: relative;
  width: 148px;
  height: 148px;
  color: #003e55;
  border: 1px solid #003e55;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  transition: color .3s;
}
.tg2_ul li:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #003e55;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 110px;
  z-index: 0;
  transition: background .3s;
}
.tg2_ul li:hover,
.tg2_ul li.on {
  color: #ff7500;
  border-color: #ff7500;
}
.tg2_ul li:hover .icon img.original,
.tg2_ul li.on .icon img.original {
  display: none;
}
.tg2_ul li:hover .icon img.on,
.tg2_ul li.on .icon img.on {
  display: inline-block;
}
.tg2_ul li:hover:after,
.tg2_ul li.on:after {
  background: #ff7500;
}
.tg2_ul li .icon {
  width: 60px;
  margin: 15px auto 10px;
}
.tg2_ul li .icon img {
  width: 100%;
  height: 50px;
  object-fit: contain;
}
.tg2_ul li .icon img.on {
  display: none;
}
.tg2_ul li .name {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tg2_ul li .name span {
  display: inline-block;
  font-size: 0.875rem;
}
.tg2_ul li .num {
  font-size: 1rem;
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  font-family: Arial;
  bottom: 7px;
  text-align: center;
  z-index: 2;
}



.tongguan3{ position:relative;}
.tongguan3 .wrap{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
.tongguan3_t{ text-align:center; padding-top:4rem; color:#fff;}
.tongguan3_t h3{ font-size:2rem; margin-bottom:1rem;}
.tongguan3_t p{}

.tgpage1{ padding:5rem 0; background:#f7f7f7;}
.tgpage1_t{ text-align:center;}
.tgpage1_t h3{ font-size:2rem; margin-bottom:1rem;}
.tgpage1_t p{}

.tgpage1_ul{display:flex;padding-top:6rem;align-items: stretch;justify-content: center; gap:3rem;}
.tgpage1_ul li{ background:#fff; padding:5rem 3rem 3rem; border-radius:1rem; position:relative; text-align:center; max-width:450px; transition:0.5s;}
.tgpage1_ul li h3{ font-size:1.4rem; padding-bottom:1rem;}
.tgpage1_ul li p{ color:#999; text-align:justify;}
.tgpage1_ul li span{ font-size:3rem; color:#fff; border-radius:50%; position:absolute; top:0; left:50%; transform:translate(-50%,-50%); background:var(--bg1); box-sizing:content-box; width:6rem; height:6rem; line-height:6rem;}

.tgpage1_ul li:hover{box-shadow:0 10px 32px rgba(0,0,0,0.1);}


.tgpage0{padding:5rem 0;}
.tgpage0_t{ text-align:center;}
.tgpage0_t h3{ font-size:2rem; margin-bottom:1rem;}

.tg0_ul{display:flex;gap:12px;align-items: stretch;justify-content: space-between; padding-top:3rem;}
.tg0_ul li{ position:relative; overflow:hidden; flex:1;}

.tg0_ul_img{ overflow:hidden;}
.tg0_ul_img img{-webkit-filter: grayscale(100%);filter: grayscale(100%); transition:all 0.5s; width:100%;}
.tg0_ul li p{ position:absolute; width:100%; left:0; transition:all 0.5s;}
.tg0_ul li p span{ display:block; color:#fff; padding:0.5rem; text-align:center;}
.tg0_ul li p i{ color:#fff; font-weight:bold; padding-bottom:0.2rem;}


.tg0_ul li.tg0_ul_li1 p{ bottom:100%;}
.tg0_ul li.tg0_ul_li1 p span{  background:rgba(0,0,0,0.3);}

.tg0_ul li.tg0_ul_li2 p{height:100%;top:100%;background:rgba(0,0,0,0.3);display:flex;align-items: center;justify-content: center;flex-direction: column;align-content: center;}
.tg0_ul li.tg0_ul_li2 p span{ text-align:justify;}


.tg0_ul li.tg0_ul_li3 p{height:100%;top:0;background:rgba(0,0,0,0.3);display:flex;align-items: center;justify-content: center; opacity:0;}
.tg0_ul li.tg0_ul_li3 p span{}

.tg0_ul li.tg0_ul_li4 p{padding:1rem;bottom:-100%;background:rgba(0,0,0,0.3);display:flex;align-items: flex-start;justify-content: center;flex-direction: column;text-align:justify;}
.tg0_ul li.tg0_ul_li4 p span{ text-align:justify; padding:0;}


.tg0_ul li.tg0_ul_li1:hover p{ bottom:0;}
.tg0_ul li.tg0_ul_li2:hover p{ top:0;}
.tg0_ul li.tg0_ul_li3:hover p{ opacity:100%;}
.tg0_ul li.tg0_ul_li4:hover p{ bottom:0;}



.tg0_ul li:hover .tg0_ul_img img{-webkit-filter: grayscale(0);filter: grayscale(0); transform:scale(1.05);}



.tongguan4{ padding:4rem 0; background:url(../picture/xjzsm_bg.jpg) center center no-repeat; background-size:100%; transition:all 0.5s;animation: bg_bianda 15s infinite;}
.tongguan4_t{ color:#fff; text-align:center;}
.tongguan4_t h3{ font-size:2rem; margin-bottom:1rem;}
.tongguan4_t p{}

.tongguan5{ background:url(../picture/xiangmu/tongguan_bg2.jpg) top center no-repeat; background-size:cover;}

.tg5_list{ padding:3rem 0;}
.tg5_ul{display:flex;justify-content: space-between;align-items: stretch; gap:2rem;}
.tg5_ul_li{ background:#fff; padding:2rem; border-radius:1rem; flex:1; box-shadow:0 10px 15px rgba(15,15,15,0.1);}
.tg5_ul_li h4{ font-size:1.4rem; color:var(--bg1); margin-bottom:2rem; position:relative; padding-left:1.5rem;}

.tg5_ul_li h4::before {
      content: ""; position: absolute;left: 0; top: 50%; transform: translateY(-50%);width: 5px; height: 1.4rem; background-color: var(--bg1);border-radius: 5px;
    }

.tg5_ul2{ font-size:1.2rem; line-height:1.8; color:#000;}
.tg5_ul2 li{ margin-bottom:1rem;}
.tg5_ul2 li span{ padding-right:0.5rem;}


.zsm_ul2{display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: stretch;position: relative;/* padding:2rem; */margin: 2rem 0 0;border-radius: 2rem; overflow:hidden;}
.zsm_ul2 li{padding: 2.5rem; flex: 1;background:rgba(0,104,142,0.9); transition:all 0.5s;}
.zsm_ul2 li a{display:flex;flex-wrap: nowrap;flex-direction: column;align-items: center; color:#fff;transition:all 0.5s;}
.zsm_ul2 li a span{ font-size:3rem; animation: xuanzhaun22 5s infinite;}
.zsm_ul2 li a i{}
.zsm_ul2 li a:hover{ color:var(--bg1);}
.zsm_ul2 li:hover{background:rgba(0,104,142,0.5);}

.zsm_ul2 li:nth-child(2) a span{ animation-delay: 1s;}
.zsm_ul2 li:nth-child(3) a span{ animation-delay: 2s;}
.zsm_ul2 li:nth-child(4) a span{ animation-delay: 3s;}
.zsm_ul2 li:nth-child(5) a span{ animation-delay: 4s;}
.zsm_ul2 li:nth-child(6) a span{ animation-delay: 5s;}

@keyframes xuanzhaun22 {
    0% {
    }

    25% {
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




.content-box {
  font-size: 1rem;
  color: #666;
  line-height: 2;
}
.content-box .p span {
  display: inline-block;
  margin-left: 2rem;
}
.content-box .p span:before {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  background: #ff7500;
  border-radius: 50%;
  margin-right: 10px;
}



/*仓储*/

.cangchu1{ padding:5rem 0; background:url(../picture/about/jiagou_bg.jpg) center center no-repeat;}
.sjz_tit2{ font-size:2.5rem; text-align:center; margin-bottom:5rem;}
.sjz2{}

.sjz_wrap2{display:flex;justify-content: space-evenly;align-items: center;}

.sjz12{min-height:18rem; flex:1; display:flex;flex-wrap: nowrap;align-items: center; justify-content:flex-end; align-items:flex-start;}

.sjz_wrap2 .sjz12:nth-child(2n){flex-direction: column;}
.sjz_wrap2 .sjz12:nth-child(2n+1){flex-direction: column-reverse;}

.sjz12_nr{ }
.sjz12_nr h3{ font-size:1.5rem; margin-bottom:0.8rem; font-weight:normal;}
.sjz12_nr p{ font-size:1rem; line-height:2; height:6rem; overflow:hidden;}
.sjz12_sj{ display:inline-block; line-height:2; text-align:center; color:#333; font-weight:bold; font-size:3rem;}
.sjz_wrap2 .sjz12:nth-child(2n) .sjz12_sj{}

.sjz12:hover .sjz12_sj{color:var(--bg1);}

.cangchu2{}



.cangchu2{ padding:5rem 0; background:url(../picture/xjzsm_bg.jpg) center center no-repeat; background-size:100%; transition:all 0.5s;animation: bg_bianda 15s infinite;}
.cangchu2_t{ color:#fff; text-align:center;}
.cangchu2_t h3{ font-size:2.5rem; margin-bottom:1rem; font-weight:normal;}
.cangchu2_t p{}



.cc2_ul2{display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: stretch;position: relative;/* padding:2rem; */margin: 3rem 0 0; gap:2rem;}
.cc2_ul2 li{padding: 2rem; flex: 1;background:rgba(255,255,255,0.9); transition:all 0.5s;border-radius: 2rem; overflow:hidden;}
.cc2_ul2 li a{display:flex;flex-wrap: nowrap;flex-direction: column;align-items: center; color:var(--bg2);transition:all 0.5s;}
.cc2_ul2 li a span{ font-size:3rem; animation: xuanzhaun22 5s infinite;}
.cc2_ul2 li a i{ font-size:1.5rem; margin-bottom:1rem; font-weight:bold;}
.cc2_ul2 li a:hover{ color:var(--bg1);}
.cc2_ul2 li:hover{background:rgba(255,255,255,1); box-shadow:0 10px 32px rgba(29,29,31,0.5);}

.cc2_ul2 li:nth-child(2) a span{ animation-delay: 1s;}
.cc2_ul2 li:nth-child(3) a span{ animation-delay: 2s;}
.cc2_ul2 li:nth-child(4) a span{ animation-delay: 3s;}
.cc2_ul2 li:nth-child(5) a span{ animation-delay: 4s;}
.cc2_ul2 li:nth-child(6) a span{ animation-delay: 5s;}

@keyframes xuanzhaun22 {
    0% {
    }

    25% {
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.cangchu3{ padding:5rem 0; background:url(../picture/about/jiagou_bg.jpg) center center fixed no-repeat; background-size:cover; }
.cangchu3_t{text-align:center; margin-bottom:5rem;}
.cangchu3_t h3{ font-size:2.5rem;}
.cangchu3_t p{}

.cc3_ul{display:flex;align-items: flex-start;justify-content: space-between;}
.cc3_ul li{flex:1;display:flex;align-items: center; gap:1rem;}
.cc3_ul li h3{ font-size:1.2rem; margin-bottom:0.5rem;}

.cc3_ul li p{}
.cc3_ul_l{ display:none;}
.cc3_ul_l span{ font-size:4.2rem; color:var(--bg1);}


.cangchu4{ padding:5rem 0; background:url(../picture/about/jiagou_bg.jpg) center center fixed no-repeat; background-size:cover;}
.cangchu4_t{text-align:center; margin-bottom:5rem;}
.cangchu4_t h3{ font-size:2.5rem;}
.cangchu4_t p{}

.cc4_ul{ flex-wrap: wrap;justify-content: space-between;align-items: stretch;display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem 2rem;}

.cc4_ul li{ background:#fff; padding:1.5rem; border-radius:1rem; transition:all .5s;}
.cc4_ul li h3{ font-size:1.3rem; padding-bottom:0.6rem;}
.cc4_ul li p{}

.cc4_ul li:hover{ color:var(--bg1); box-shadow:0 10px 32px rgba(29,29,31,0.1);}


.cangchu5{ padding:5rem 0; background:var(--bg2); transition:all 0.5s; color:#fff;}
.cangchu5_t{ color:#fff; text-align:center;}
.cangchu5_t h3{ font-size:2.5rem; margin-bottom:1rem; font-weight:normal;}
.cangchu5_t p{}

.cc5_ul{flex-wrap: wrap;justify-content: space-between;align-items: stretch;display: grid;

			grid-template-columns: 3fr 2fr;
            gap: 2rem; margin-top:3rem;}


.cc5_ul li{ padding:0.5rem 2rem 2rem; border:1px dashed rgba(255,255,255,0.2);}
.cc5_ul li .cc5_icon{ display:block; font-size:4.5rem; font-weight:normal;}
.cc5_ul li i{ display:block; font-size:1.6rem; margin-bottom:1rem;}
.cc5_ul li .cc5_p{display: grid; grid-template-columns: repeat(4, 1fr); gap:1rem;}
.cc5_ul li .cc5_p span{ display:inline-block; position:relative; padding-left:13px;}


.cc5_ul li .cc5_p span::before {
      content: ""; /* 必须设置 content 属性 */
      position: absolute;
      left: 0; /* 圆圈位置 */
      top: 50%;
      transform: translateY(-50%); /* 垂直居中 */
      width: 8px; /* 圆圈直径 */
      height: 8px;
      background-color: #fff; /* 圆圈颜色 */
      border-radius: 50%; /* 圆形 */
    }



.cc5_li1{ flex:3;}
.cc5_li2{ flex:2;}

.cc5_ul li.cc5_li2 .cc5_p{grid-template-columns: repeat(3, 1fr);}


.cangchu5_t2{font-size:1.6rem; margin-bottom:1rem; margin-top:3rem;}


.cc5_ul2 {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  margin-top: 2.5rem;
  padding:2rem 0;
  background:#004761;
  border-radius:1rem;
}
.cc5_ul2:before {
  content: '';
  display: block;
  width: 75%;
  height: 1px;
  background: #779caa;
  position: absolute;
  left: 50%;
  top: 3.875rem;
  transform:translateX(-50%);
  z-index: 0;
}
.cc5_ul2 li {
  flex: 1;
  text-align: center;
}
.cc5_ul2 li .num {
  width: 3.75rem;
  height: 3.75rem;
  line-height: 1.8;
  border: 1px solid #80a4b2;
  border-radius: 50%;
  color: #80a4b2;
  text-align: center;
  font-size: 2rem;
  font-family: dinb;
  margin: 0 auto 2rem;
  position: relative;
  z-index: 2;
  background: #004964;
  font-weight:bold;
}
.cc5_ul2 li .name {
  font-size: 1.3rem;
  color: #fff;
}
.cc5_ul2 li .line {
  width: 3rem;
  height: 2px;
  background: #ff7500;
  margin: 1rem auto 1rem;
}
.cc5_ul2 li .desc {
  font-size: 1rem;
  color: #fff;
  line-height: 2;
}


.cc6_img_2{ display:none;}
.cangchu6{ position:relative;}
.cc6_p{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; color:#fff; align-items:center; line-height:1.8;}

.cc6_p1{ font-size:3rem; width:50%; text-align:center;}
.cc6_p2{ font-size:1.5rem; width:50%; text-align:center; padding-bottom:1.5rem;}


/*优势项目*/
.ys1{ padding:5rem 0; background:#f7f7f7;}
.ys1_t{ text-align:center; font-size:2.5rem; margin-bottom:3rem;}

.ys1_p{display: grid; grid-template-columns: repeat(4, 1fr); gap:1rem;}
.ys1_p p{ background:rgba(11,81,107,0.8); color:#fff; padding:1rem; font-size:1.4rem; border-radius:1rem; cursor:pointer;}

.ys1_p p span{ display:block; font-size:1rem;}

.ys1_p p:hover{background:rgba(11,81,107,0.9);}

.ys1_bbb_ul{display: grid; grid-template-columns: repeat(5, 1fr); gap:1rem;}
.ys1_bbb_ul li{display:flex;padding:3rem 1rem;flex-direction: column;justify-content:flex-start; gap:1rem; background:#fff; transition:all 0.5s;}
.ys1_bbb_ul li h3{ text-align:center;}
.ys1_bbb_ul li h4{}
.ys1_bbb_ul li p{}

.ys1_bbb_ul li:nth-child(1){ background:#00688e; color:#fff; font-size:1.5rem; border:none;justify-content: center;}


.ys1_bbb_ul li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12);}



.ys2{ padding:5rem 0; background:var(--bg2); color:#fff; background-size:cover;}
.ys2_t{ text-align:center; font-size:2.5rem; margin-bottom:3rem; font-weight:bold;}

.ys2_bbb{display:flex;align-items: stretch;justify-content: space-between; gap:3rem; line-height:2;}
.ys2_bbb p{ padding:3rem; border:1px dashed rgba(255,255,255,0.2); flex:1;}

.ys2_p{display: grid; grid-template-columns: repeat(3, 1fr); gap:1rem;}
.ys2_p p{ background:url(../picture/youshi_bg.jpg); color:#333; padding:1rem; font-size:1.4rem; border-radius:1rem; cursor:pointer; font-weight:500;}

.ys2_p p span{ display:block; font-size:1rem;}

.ys2_p p:hover{ color:var(--bg1);}


.ys3{ padding:5rem 0 10rem;}
.ys3_t{ text-align:center;}
.ys3_t h3{ font-size:2.5rem; margin-bottom:1rem; font-weight:normal;}
.ys3_t p{}



.ys3_ul{display:flex;flex-wrap: nowrap;justify-content: space-around;align-items: stretch;position: relative;/* padding:2rem; */margin: 3rem 0 0; gap:2rem;}
.ys3_ul li{padding: 2rem; flex: 1;background:#f9f9f9; transition:all 0.5s;border-radius: 2rem; overflow:hidden;}
.ys3_ul li a{display:flex;flex-wrap: nowrap;flex-direction: row;align-items: center;color:var(--bg2);transition:all 0.5s;align-content: center; gap:1rem;}
.ys3_ul li a span{ font-size:3rem; animation: xuanzhaun22 5s infinite;}
.ys3_ul li a i{font-size:1.5rem;/* margin-bottom:1rem; *//* text-align:center; */ font-weight:500;}
.ys3_ul li:hover{background:rgba(255,255,255,1); box-shadow:0 10px 32px rgba(29,29,31,0.12);}
.ys3_ul li:hover a{ color:var(--bg1);}

.ys3_ul li:nth-child(2) a span{ animation-delay: 1s;}
.ys3_ul li:nth-child(3) a span{ animation-delay: 2s;}
.ys3_ul li:nth-child(4) a span{ animation-delay: 3s;}
.ys3_ul li:nth-child(5) a span{ animation-delay: 4s;}
.ys3_ul li:nth-child(6) a span{ animation-delay: 5s;}


.ys4{ padding:5rem 0; margin-bottom:7rem;}

.case_list{display: flex;grid-template-columns: repeat(2, 1fr);gap: 3rem;align-items: stretch;justify-content: center;}
.case_list li{ max-width:600px;}
.case_list li a{ display:block; transition:all .5s; color:#333; border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden;}
.case_list li a h4{ display:flex;align-items:center; padding:0 1rem; height:5rem; background:#fff; font-size:1.3rem; line-height:2rem; font-weight:normal;}
.case_img{  aspect-ratio: 16 / 9; /* 或者使用 '16:9' */
  width: 100%; /* 或者具体的宽度 */
  height: auto; /* 高度自动调整 */ overflow:hidden;}
.case_img img{ min-width:100%; min-height:100%; width: auto; /* 自动宽度 */
  height: auto; /* 自动高度 */transition:all .5s;}

.case_list li a:hover{box-shadow:0 10px 32px rgba(29,29,31,0.8); color:var(--bg1);}
.case_list li a:hover .case_img img{ transform:scale(1.1,1.1);}


.ysxm1{
	
	display:grid;grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 2rem;
}
.ysxm1 li{background:rgba(255,255,255,0.8);padding:2rem;/* margin-bottom:2rem; */transition:all 0.5s;border: 1px dashed #ccc;/* flex: 1; */}

.ysxm1 li p{ font-size:1.2rem; font-weight:bold;}
.ysxm1 li p span{ font-weight:normal;}
.ysxm1 li:hover{ background:rgba(255,255,255,1); box-shadow:0 10px 32px rgba(29,29,31,0.1);}



.ysxm2{ display: grid; grid-template-columns: repeat(2, 1fr);
            gap: 2.5rem;}
.ysxm2 li{ background:rgba(0,96,135,0.8); padding:2rem; margin-bottom:2rem; transition:all 0.5s;}
.ysxm2 li p{ font-size:1.2rem; font-weight:bold;}
.ysxm2 li p span{ font-weight:normal;}
.ysxm2 li:hover{ background:rgba(0,96,135,1); box-shadow:0 10px 32px rgba(29,29,31,0.1);}


.ys2_xjp{ line-height:2; padding:2rem; padding-bottom:0;}

.ys2_xjp p{ padding-bottom:2.5rem; text-align:justify;}




/*news*/

.newspage{ padding:5rem 0; background:#f5f5f5;}

.news_top{display:flex;justify-content: space-between;align-items: stretch; gap:3rem;}
.news_top li{border-radius:1rem;overflow:hidden;transition:all linear 0.3s}
.news_top li .pic{overflow:hidden;display:block;aspect-ratio: 16 / 9;}
.news_top li .pic img{width:100%;display:block; transition:all 0.4s;}
.news_top li .text{background:#fff;padding:2rem;position:relative}
.news_top li .text h4{}
.news_top li .text h4 a{font-size:1.4rem;color:#1d1d1f;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all 0.4s}
.news_top li .text span{font-size:1rem;color:#575c66;display:block;margin-top:1rem;}

.news_top li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}
.news_top li:hover .pic img{transform:scale(1.1);}
.news_top li:hover .text h4 a{color:#f3392b}

.newspage_list{ flex-wrap: wrap;justify-content: space-between;align-items: stretch;display: grid; gap: 3rem; padding:3rem 0;grid-template-columns: repeat(2, 1fr);}

.newspage_list li{background:#fff;border-radius:1rem;transition:all linear 0.3s;display:flex;justify-content: space-between;align-items: stretch; gap:1.5rem; padding:1rem;}
.newspage_list li .pic{width:15rem;border-radius:1rem;display:inline-block;vertical-align:middle;overflow:hidden;aspect-ratio: 16 / 9;}
.newspage_list li .pic img{width:100%;border-radius:1rem;display:block; transition:all 0.4s;}

.newspage_list li .text{display:inline-block;vertical-align:middle; flex:1;}
.newspage_list li .text h4 a{font-size:1.4rem;color:#1d1d1f;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all 0.4s}
.newspage_list li .text span{border-top:1px solid #f5f5f5;font-size:1rem;color:#575c66;display:block;padding-top:1rem;margin-top:1rem}
.newspage_list li:hover{box-shadow:0 10px 32px rgba(29,29,31,0.12)}
.newspage_list li:hover .text h4 a{color:#f3392b}
.newspage_list li:hover .pic img{ transform:scale(1.1);}


.pagination{ display:flex; gap:1rem; margin-top:2rem;}
.pagination a{ padding:0.4rem 0.8rem; display:inline-block; text-align:center; border-radius:5px; border:1px solid #ccc; color:#666;}
.page-item{}
.pagination a.page-num-current,.pagination a:hover{ background:var(--bg2); border:1px solid var(--bg2); color:#fff;}




.newsdet{ padding:5rem 0; background:#f5f5f5;}

.newsdet{}
.newsdet_t{ text-align:center; margin-bottom:2rem;}
.newsdet_t h1{ font-size:2rem; line-height:1.8; padding-bottom:1rem;}
.newsdet_t p{ color:#666;}
.newsdet_t p span{ padding-right:15px;}

.news_det_b{ line-height:1.8; background:#fff; border-radius:2rem; padding:3rem;}
.news_det_b p{ padding-bottom:1rem; line-height:1.6; text-align:justify;}
.news_det_b p img{ max-width:100% !important; height: auto !important;}

.news_f{ padding:2rem 0 0; border-top:1px #ccc dashed; margin-top:2rem; font-size:1.2rem;}


.newsxg_top{ font-family:"Maersk Headline";}
.newsxg_top li{display:flex;justify-content: space-between;align-items: stretch; gap:1.5rem;}
.newsxg_top li .pic{ width:40%; border-radius:6px; overflow:hidden; }
.newsxg_top li .pic img{ width:100%;transition:all 0.4s;}

.newsxg_top li:hover .pic img{ transform:scale(1.05);}

.newsxg_top li .text{flex:1;display:flex;flex-direction: column;justify-content: center;}
.newsxg_top li .text p{}
.newsxg_top li .text p a{ color:#999; font-size:1.1rem; font-family:-apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif;}
.newsxg_top li .text h4{ margin:0.5rem 0;}
.newsxg_top li .text h4 a{ font-size:1.5rem; font-weight:normal; line-height:1.2; color:#333;}
.newsxg_top li .text span{ color:#999; font-size:1.1rem;}

.newsxg_top a:hover{ text-decoration:underline;}

.newspage .newspage_b{display:flex;  gap: 3rem;}

.newspage_l{ flex:3;}





.newspage_list2{display: grid;gap: 1.5rem;grid-template-columns: repeat(3, 1fr);line-height:1.2;padding:3rem 0;align-items: start;font-family:"Maersk Headline";}

.newspage_list2 li{    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    overflow: hidden;
    transition: all .2s ease-in-out;}
.newspage_list2 li .pic{ overflow:hidden; display:block;}
.newspage_list2 li .pic img{ width:100%; transition:all 0.4s;}
.newspage_list2 li .text{ padding:1rem;}
.newspage_list2 li .text p{}
.newspage_list2 li .text p a{ color:#666;}
.newspage_list2 li .text h4{padding:0.5rem 0;}
.newspage_list2 li .text h4 a{ font-size:1.2rem;font-weight:normal; color:#333; }
.newspage_list2 li .text span{ color:#666;}

.newspage_list2 li:hover .pic img{transform:scale(1.05);}
.newspage_list2 li:hover {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.03),0 3px 14px 2px rgba(0,0,0,.03),0 5px 5px -3px rgba(0,0,0,.04)
}

.newspage_list2 a:hover{ text-decoration:underline;}

.newspage_r{ flex:1;}
.newspage_r1{ margin-bottom:8rem;}
.newspage_r1 h4{ font-size:1.4rem; font-weight:500;}
.newspage_r1 p{ padding:0.7rem 0;}
.newspage_r1 a{ display:inline-block; padding:0.5rem 1rem; border-radius:6px; border:1px solid #cfcfcf; color:#666;}

.newspage_r1 a:hover{ background:#ccc;}

.newspage_r2{ padding-bottom:2rem;}
.newspage_r2_ul{}
.newspage_r2_ul li{ color:#666; line-height:1.2; padding-bottom:1rem;}
.newspage_r2_ul li h4{ padding:0.6rem 0;}
.newspage_r2_ul li h4 a{ font-size:1.2rem; font-weight:500; color:#333;}
.newspage_r2_ul li p{}

.newspage_r2 a:hover{ text-decoration:underline;}

.newspage_r2_tit{ font-size:1.4rem;font-weight:normal;}

.newspage_r2_btn{}
.newspage_r2_btn a{ color:#0073ab;}

.ys5{}
.ys5_ul1{ display:flex;}


.ys5_ul1 li{flex:1;background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-filter: grayscale(100%);filter: grayscale(100%);text-align:center;aspect-ratio: 25 / 10;display:flex;flex-direction: column;justify-content: center; transition:all 0.4s;}

.ys5_ul1 li:nth-child(1){background-image:url(../picture/youshi/youshi1.jpg);}
.ys5_ul1 li:nth-child(2){background-image:url(../picture/youshi/youshi2.jpg);}

.ys5_ul1 li a{ font-size:2rem; display:inline-block; color:#fff; font-weight:bold;}
.ys5_ul1 li p{ color:#fff;}

.ys5_ul1 li:hover{-webkit-filter: grayscale(0);filter: grayscale(0);}

.ys5_ul2{ display:flex;}

.ys5_ul2 li{flex:1;background-size:cover; background-repeat:no-repeat; background-position:center center;-webkit-filter: grayscale(100%);filter: grayscale(100%);text-align:center;aspect-ratio: 21 / 9;display:flex;flex-direction: column;justify-content: center; transition:all 0.4s; border:1px solid #ccc;}

.ys5_ul2 li:nth-child(1){background-image:url(../picture/youshi/youshi3.jpg);}
.ys5_ul2 li:nth-child(2){background-image:url(../picture/youshi/youshi4.jpg);}
.ys5_ul2 li:nth-child(3){background-image:url(../picture/youshi/youshi5.jpg);}

.ys5_ul2 li a{ font-size:2rem; display:inline-block; color:#fff; font-weight:bold;}
.ys5_ul2 li p{ color:#fff;}

.ys5_ul2 li:hover{-webkit-filter: grayscale(0);filter: grayscale(0);}


.zppage{ padding:5rem 0; background:#f5f5f5;}

.zppage_t{}
.zppage_t{ position:relative; margin-bottom:5rem;}

.zppage_t_img{ border-radius:1rem; overflow:hidden;}
.zppage_t_img img{ width:100%; transition:all 0.4s;}
.zppage_t:hover .zppage_t_img img{ transform:scale(1.05);}


.zppage_list{ padding-bottom:5rem;}

.zppage_t_ul{position:absolute;top:50%;left:0;width:100%;z-index:9;transform:translateY(-50%);display:flex;justify-content: center;align-items: center; gap:2rem;}

.zppage_t_ul li{}
.zppage_t_ul li a{display:block;color:var(--bg2);background:rgba(255,255,255,0.8);display:flex;align-items: center;padding:1rem 4rem;gap:3rem;justify-content: space-between; font-size:1.1rem; border-radius:1rem;}
.zppage_t_ul li a span{ font-size:3rem;}
.zppage_t_ul li a p{ font-weight:bold;}

.zppage_t_ul li a:hover{background:rgba(0,104,142,0.8); color:#fff;}
.zppage_t_ul li.active a{background:rgba(0,104,142,0.8); color:#fff;}

.zppage_ul .item{background: #fff;box-shadow: 0px 0px 16.74px 1.26px rgba(163, 163, 163, 0.17);margin-bottom: 20px;border-radius: 30px;position: relative;}
.zppage_ul .item .top{display: flex;align-items: center;justify-content: space-between;padding:20px 40px 20px;}
.zppage_ul .item .top .left{ flex:1;}
.zppage_ul .item .t{color:#333;font-size: 22px;margin-bottom: 20px;font-weight: bold; width: 90%;}
.zppage_ul .item .b{display: flex;align-items: center;color:#666666;font-size: 14px;}
.zppage_ul .item .b span{display: flex;align-items: center;}
.zppage_ul .item .b span i{ padding-right:0.5rem;}

.zppage_ul li.on .item .b span i{ color:var(--bg1);}

.zppage_ul .item .b .ico{margin-right: 10px;}
.zppage_ul .item .b .fg{margin:0 30px;width: 1px;height: 15px;background: #999999}
.zppage_ul .item .right {position: absolute;top: 20px;right: 35px;cursor:pointer;}
.zppage_ul .item .right .zk{width: 115px;height: 40px;background: rgba(0,91,172,0.2);display: flex;align-items: center;justify-content: center;color:#333;font-size: 14px;border-radius: 20px;}
.zppage_ul .item .right .sq{width: 115px;height: 40px;background: var(--bg1);display: flex;align-items: center;justify-content: center;color:#fff;font-size: 14px;border-radius: 20px; display:none}
.zppage_ul .item .con{margin:0 30px;display: none;}
.zppage_ul .item .con .con_b{border-top: 1px solid rgba(0,0,0,0.1);padding:30px 25px 40px;}
.zppage_ul .item .con .block{margin-bottom: 25px;}
.zppage_ul .item .con .block h5{font-size: 1.2rem;margin-bottom: 10px;font-weight: 600}
.zppage_ul .item .con .block p{color:#666;font-size: 16px;line-height: 1.8;}
.zppage_ul .item .con .anniu{display: flex;align-items: center;margin-top: 30px;border-top: 1px solid #cccccc;padding-top: 25px;}
.zppage_ul .item .con .anniu .btn{width: 135px;height:40px;background: #005bac;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;border-radius: 20px;margin-right: 15px;}
.zppage_ul .item .con .anniu .btn i{ padding-right:5px;}

.zppage_ul .item.on{border:1px solid #3f82bd;}
.zppage_ul .item.on .t{color:#014da2}
.zppage_ul .item.on .right .sq{ display:flex}
.zppage_ul .item.on .right .zk{ display:none}
.zppage_ul .item:hover{box-shadow: 0px 0px 16px 0px rgba(0, 72, 168, 0.17);}

.zppage_ul li.on .item .t{ color:var(--bg1);}
.zppage_ul li.on .item .right .zk{ display:none;}
.zppage_ul li.on .item .right .sq{ display:flex;}

.zppage2 .item .con{ display:block;}


.yinpin{ padding-bottom:3rem;}
.yinpin_t{ font-size:2rem; text-align:center; font-weight:bold; margin:2rem 0 1rem; border-top:1px solid rgba(0,0,0,0.1); padding-top:2rem;}

.join-form {
    margin: 0 auto;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group {
    flex: 1;
    min-width: 200px;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.form-control {
    width: 100%;
    padding: 0.5rem;
	display:inline-block;
    border: 1px solid #ddd;
	height:3rem;
    border-radius: 6px;
	line-height:1.8;
}
.form-group select.form-control{
    padding: 0.5rem;
	line-height:1.8;}

.yinpin .btn {
    background: var(--bg2);
    color: #fff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.yinpin .btn:hover {
    background: #006184;
}

.success-message {
    text-align: center;
    padding: 3rem 2rem;
}


@media only screen and (max-width: 575px) {

}
@media (min-width: 576px) and (max-width: 767px) {
} 
 
@media (min-width: 768px) and (max-width: 991px) {
}
 
@media (min-width: 992px) and (max-width: 1199px) {
}
 */
@media (min-width: 1200px) and (max-width: 1399px) {

}
@media (min-width: 1400px) and (max-width: 1599px) {

}
@media (min-width: 1600px) and (max-width: 1919px) {

}
@media (min-width: 1920px) and (max-width: 2559px) {
	.jck_t_ul li,.jck_t2_ul li{ width:35%;}
	.box_2_ul{padding-bottom:3rem;}
	.transport-wrapper .box-1 .info{}
	

}
 
@media (min-width: 2560px) {
.jck_t_ul li,.jck_t2_ul li{ width:30%;}
}