.logistics_banner { background: url(../img/banner_7.jpg) no-repeat center; background-size: cover; overflow: hidden }
.logistics_banner .public_font { background: url(../img/lw-about-2.png) no-repeat left top; padding-left: 10%; margin-left: -15px; overflow: hidden; margin-top: 102px; height: 100%; padding-top: 65px }
.logistics_banner .public_font h1 { font-size: 43px }
.logistics_banner .public_font h2 { position: relative; font-size: 24px; padding-bottom: 10px }
.logistics_banner .public_font h2:after { background: #3879d8; content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 2px }
.zhwl { padding: 66px 0 }
.zhwl2 { margin: 65px 0 }
.zhwl2 p { font-size: 16px; line-height: 2.5rem; margin-bottom: 15px; color: #000 ;height:200px}
.yzfw { padding: 75px 0; background-color: #f5f5f5 }
.yzfw .items { padding: 122px 0 150px 0 }
.yzfw .item { font-weight: bold;position: relative; width: 150px; height: 150px; font-size: 14px; border-radius: 50%; float: left; margin-right: 15px; cursor: pointer; color: #375e96 }
.yzfw .item .info {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.yzfw .item:hover,
.yzfw .item.active { color: #fff }
.yzfw .item-1 { background: url(../img/lw-number-icon1.png) no-repeat center #fff; background-size: cover }
.yzfw .item-2 { background: url(../img/lw-number-icon2.png) no-repeat center #fff; background-size: cover }
.yzfw .item-3 { background: url(../img/lw-number-icon3.png) no-repeat center #fff; background-size: cover }
.yzfw .item-4 { background: url(../img/lw-number-icon4.png) no-repeat center #fff; background-size: cover }
.yzfw .item-5 { background: url(../img/lw-number-icon5.png) no-repeat center #fff; background-size: cover }
.yzfw .item-6 { background: url(../img/lw-number-icon6.png) no-repeat center #fff; background-size: cover }
.yzfw .item-1:hover,
.yzfw .item-1.active { background: url(../img/lw-number-icon1.png) no-repeat center #375e96; background-size: cover }
.yzfw .item-2:hover,
.yzfw .item-2.active { background: url(../img/lw-number-icon2.png) no-repeat center #375e96; background-size: cover }
.yzfw .item-3:hover,
.yzfw .item-3.active { background: url(../img/lw-number-icon3.png) no-repeat center #375e96; background-size: cover }
.yzfw .item-4:hover,
.yzfw .item-4.active { background: url(../img/lw-number-icon4.png) no-repeat center #375e96; background-size: cover }
.yzfw .item-5:hover,
.yzfw .item-5.active { background: url(../img/lw-number-icon5.png) no-repeat center #375e96; background-size: cover }
.yzfw .item-6:hover,
.yzfw .item-6.active { background: url(../img/lw-number-icon6.png) no-repeat center #375e96; background-size: cover }
.yzfw .item .tit { margin-top: 40px }
.yzfw .items div:last-child { margin-right: 0 }
.yzfw2 .swiper-slide { width: 100%; height: 583px }
.yzfw2 .swiper-slide img { width: 100%; height: 100% }
.yzfw2 .public_font { padding-top: 130px; z-index: 2; top: 0 }
.yzfw2 h1 { font-size: 40px; font-weight: normal }
.yzfw2 h1 { font-size: 40px; padding: 20px 0; background: url(../img/lw_icon_2.png) no-repeat left bottom }
.yzfw2 h3 { font-size: 16px }
.fwyw { padding: 85px 0 110px 0 }
.fwyw .imgs { padding: 46px 0 0 0 }
.fwyw .imgs div { height: 100%; padding: 0; font-size: 18px }
.fwyw .imgs .imgs_1 img { margin: 10px 0 0 0 }
.fwyw .imgs .imgs_1 p,
.fwyw .imgs .imgs_2 p { bottom: 15px; left: 50%; margin-left: -18px }
.fwyw .imgs .imgs_2 div { width: 32%; float: left; margin-right: 2% }
.fwyw .imgs .imgs_2 div:nth-child(3n) { margin-right: 0 }
.fwyw .imgs .imgs_2 img { width: 100%; display: block; margin-top: 14px }
.logistics2_banner { background: url(../img/banner_12.jpg) no-repeat center; background-size: cover; overflow: hidden }
.logistics2_banner .public_font { background: url(../img/lw-about-2.png) no-repeat left top; padding-left: 10%; margin-left: -15px; overflow: hidden; margin-top: 102px; height: 100%; padding-top: 65px }
.logistics2_banner .public_font h1 { font-size: 46px }
.logistics2_banner .public_font h2 { position: relative; font-size: 24px; padding-bottom: 10px }
.logistics2_banner .public_font h2:after { background: #3879d8; content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 2px }
.xmzs { }
.xmzs .wid100 { }
.xmzs2 .wid100 { background: url(../img/icon_10_2.png) }
.xmzs .text { padding: 70px 0 0 0 }
.xmzs .text h5 { padding-left: 10%; font-size: 38px; color: #214c8b }
.xmzs .text h6 { position: relative; padding-left: 10%; font-size: 18px; color: #214c8b }
.xmzs .text h6:after { position: absolute; content: ''; left: 10%; bottom: -15px; width: 100%; height: 5px; background: url(../img/lw_icon_2.png) no-repeat bottom left }
.xmzs .text p { padding-left: 10%; font-size: 14px; padding-top: 20px; line-height: 1.8; color: #000 }
.xmzs .img { padding: 0; margin-left: -15px }
.xmzs .img img { width: 100% }
.xmzs2 { background: url(../img/pic_50.jpg) no-repeat center; background-size: cover }