@charset "utf-8";
/* CSS Document */
img{display: block;}
.bt-why{width: 100%; height: 80px; background: #ced4dd; text-align: center; line-height: 80px; color: #000000; font-size: 16px; text-transform: uppercase;}


.team{width: 100%; height: auto; padding-top: 30px;background: #fff; overflow: hidden; margin-bottom: 5px;}
.team .bg{width: 94%; max-width: 1500px; margin: 0 auto;  }

.team .bg .xian::before{width: 80px; height: 4px; background: #45d7bc; position: absolute;content: ""; left: 50%; bottom: -2px; margin-left: -40px;}
.team .bg .txt{width: 100%; display: flex; justify-content: space-between; margin-top: 25px;}
.team .bg .txt .big{ width: 32%; max-width: 470px; height: auto; display: none;}
.team .bg .txt .big .tu{width: 100%;}
.team .bg .txt .big .tu img{width: 100%;}
.team .bg .txt .big .enname{text-align: center; color: #fff; font-weight: bold; font-size: 30px; padding-top: 14px; text-transform: uppercase;}
.team .bg .txt .big .name{text-align: center; color: #fff; font-weight: bold; font-size: 18px; padding-top: 8px;}
.team .bg .txt .big .memo{width: 100%; text-align: center; font-size: 16px; padding-top: 10px; line-height: 24px; color: #c9c9c9;}

.team .bg .txt .right{width: 100%;}

.team .bg .txt .right .swiper-wrapper{overflow: visible;}
.team .bg .txt .right .swiper-wrapper .swiper-slide{border: none; box-sizing: border-box; margin-bottom: 0px;}
.team .bg .txt .right .box{  width: 100%; position: relative; display: flex;  flex-direction: column; justify-content:center; align-items: center; padding: 15px 25px; box-sizing: border-box; }
.team .bg .txt .right .box::before{font-size: 12px; text-align: center; content: "Bestwin Logistics Technology"; width: 100%; height: 14px; overflow: hidden; position: absolute; left: 0; top: 20px; color: #c9c9c9; font-family: Arial, Helvetica, sans-serif; line-height: 14px; opacity: 0; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.team .bg .txt .right .box .tu{overflow: hidden; width: 100%; margin-top: 50px;}
.team .bg .txt .right .box .tu img{width: 100%;}
.team .bg .txt .right .box .zw{color: #a0a0a0; padding-top: 33px; line-height: 24px; font-size: 14px;text-align: center;}
.team .bg .txt .right .box .enname{text-align: center; color: #334353; font-weight: bold; font-size: 16px; padding-top: 14px; text-transform: uppercase;}
.team .bg .txt .right .box .name{text-align: center; color: #334353; font-size: 14px; padding-top: 7px;}
.team .bg .txt .right .box .memo{display: block;}
.team .bg .txt .right .swiper-wrapper .swiper-slide{border: 1px solid #f2f2f2;}
.team .bg .txt .right .box{background: #f6f6f6; border: 4px solid #fff; }
.team .bg .txt .right .box::before{ opacity: 1;}
.team .bg .txt .right .swiper-wrapper .swiper-slide:nth-child(2n) .box .enname{ color: #334353;}
.team .bg .txt .right .swiper-wrapper .swiper-slide:nth-child(2n) .box .name{ color: #334353;}

.team .bg .txt .right .swiper-wrapper .swiper-slide:nth-child(2n) .box:hover .enname{ color: #334353;}
.team .bg .txt .right .swiper-wrapper .swiper-slide:nth-child(2n) .box:hover .name{ color: #334353;}



.join-about{width:94%; max-width: 1500px; margin: 0 auto; margin-top: 30px;}
.join-about .title{ color: #202831; line-height: 24px; font-size: 18px; font-weight: bold;}
.join-about .bg{width: 100%; margin-top: 15px; display: flex; justify-content: flex-start; flex-direction: column;}
.join-about .bg .left{ width:100%;  display: flex; justify-content: space-between; flex-direction: column;}
.join-about .bg .left .memo{ line-height: 24px; font-size: 14px;}
.join-about .bg .left .memo p{padding-bottom: 5px;}
.join-about .bg .left ul{width: 100%; display: flex; padding-top: 10px;}
.join-about .bg .left ul li{width:40%; max-width: 148px; margin-right: 20px;}
.join-about .bg .left ul li img{ display: block; width: 100%;}
.join-about .bg .left ul li .name{ width: 100%; height: 24px; background: #f4f4f4; text-align: center; line-height: 24px; color: #1e1e1e; font-weight: bold; margin-top: 10px;}
.join-about .bg .left  .btn-cpfw{font-weight: bold; margin-top: 10px;}
.join-about .bg .right{width: 100%; margin-top: 20px;}
.join-about .bg .right img{width: 100%;}

.join-wl{width: 100%; height: auto; background: #f4f4f4; margin-top: 25px;}
.join-wl .bg{width: 94%; max-width: 1500px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.join-wl .bg .title{ line-height: 24px; font-size: 18px;}
.join-wl .bg .list{width: 100%; height: 40px; background: #fafafa; margin-top: 20px; display: flex;}
.join-wl .bg .list li{width: 50%; height: 40px; cursor: pointer; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold;}
.join-wl .bg .list li:hover{background: #3957a7; color: #fff;}
.join-wl .bg .list li.cur{background: #3957a7; color: #fff;}
.join-wl .bg .txt{width: 100%; height: auto; margin-top: 0px;}
.join-wl .bg .txt .box{display: flex; justify-content:flex-start; align-items: center; flex-direction: column;}
.join-wl .bg .txt .box .tu{width: 100%; max-width: 1758px;  margin-top: 20px;}
.join-wl .bg .txt .box .tu img{display: block; width: 100%;}
.join-wl .bg .txt .box .nr{width: 100%; display: flex; flex-direction: column; justify-content: center;  margin-top: 20px;}
.join-wl .bg .txt .box .nr .name{font-size: 18px; color: #202831; line-height: 28px;}
.join-wl .bg .txt .box .nr .memo{font-size: 14px; color: #1e1e1e; line-height: 24px; padding-top: 10px;}

.join-list{width: 100%; height: auto; background: url(../images/join-bg1.jpg) no-repeat center; background-size: cover; overflow: hidden; border-bottom: 5px solid #202831;}
.join-list .bg{width: 94%; max-width: 1500px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.join-list .bg .th{width: 100%; height: 60px; background: #ced4dd; border-bottom: 1px solid #9fa3a7; display: flex; font-size: 14px; justify-content: space-around;  color: #202831; font-weight: bold;}
.join-list .bg .tr{width: 100%; height: 112px; border-bottom: 1px solid #9fa3a7; font-size: 12px; color: #ffffff; display: flex;  justify-content: space-around; }
.join-list .bg .w1{width:30%; text-align: left;  display: flex; align-items: center; justify-content: flex-start; height: 100%;}
.join-list .bg .w2{width:12%; text-align: left;  display: flex; align-items: center; justify-content: flex-start;height: 100%;}
.join-list .bg .w3{width:8%; text-align: center;  display: flex; align-items: center; justify-content: center; height: 100%;}
.join-list .bg .w4{width:8%; text-align: center;  display: flex; align-items: center; justify-content: center;height: 100%; }
.join-list .bg .w5{width:20%; text-align: center; display: flex; align-items: center; justify-content: center;height: 100%; }
.join-list .bg .w5 img{display: block; max-width: 80px; max-height: 80px;}
.join-list .bg .tel{width: 100%; padding-top: 24px; border-top: 1px solid #9fa3a7; text-align: center; line-height: 24px; color: #ffffff; font-size: 16px; overflow: hidden; margin-top: 80px;}

.join-fk{width: 100%; height:auto;  overflow: hidden; border-top: 3px solid #fff; background: url(../images/join-bg2.jpg) no-repeat center #45d7bc; border-bottom: 6px solid #334353;}
.join-fk .bg{width: 94%; max-width: 1500px; margin: 30px auto; overflow: hidden;}
.join-fk .bg  .name{font-size: 18px; color: #202831;line-height: 26px;}
.join-fk .bg  ul{width: 100%; display: flex; padding-top: 10px;}
.join-fk .bg  ul li{width:30%; max-width: 86px; margin-right: 20px;}
.join-fk .bg  ul li img{ display: block; width: 100%;}
.join-fk .bg  ul li .name{ width: 100%; height: 24px;  line-height: 24px; color: #334353; font-size: 14px; padding-top: 8px;}
.join-fk .bg  .tips{ padding-top: 15px; line-height: 25px; color: #ffffff; font-size: 14px;}


.contact{width: 100%; height: auto; background: #f4f4f4;}
.contact .lx{width: 94%; max-width: 1164px; margin: 0 auto; padding-top: 30px;}
.contact .lx .title{font-size: 18px; line-height: 24px; font-weight: bold; color: #202831; text-align: center;}
.contact .lx .txt{width: 100%; padding-top: 15px; text-align: center; line-height: 26px; font-size: 14px;}
.contact .map{margin-top: 20px;}
.contact .webmap{width: 100%; height: 350px;}


.contact .cfk{width: 100%; height: auto; background: #202831; overflow: hidden;}
.contact .cfk .bg{width: 94%; max-width: 1500px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: flex-start; flex-direction: column;}
.contact .cfk .bg .left {display: flex;  flex-direction: column; width: 100%;}
.contact .cfk .bg .left .name1{font-size: 26px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; color: #45d7bc; text-transform: uppercase;}
.contact .cfk .bg .left .name2{font-size: 18px;line-height: 24px; color: #ffffff;}
.contact .cfk .bg .left .memo{width: 100%; margin-top: 15px; line-height: 22px; color: #45d7bc; font-size: 14px;}
.contact .cfk .bg .left .tips{font-size: 14px; color: #6c6c6c; line-height: 24px; padding-top: 20px;}

.contact .cfk .bg .right{width: 100%; margin-top: 20px;}
.contact .cfk .bg .right .name{color: #6c6c6c; font-size: 14px; line-height: 24px; font-weight: bold;}
.contact .cfk .bg .right .inp{ height: 40px; padding: 5px 15px; line-height: 30px; font-size: 16px; font-family: "微软雅黑";}
.contact .cfk .bg .right .btn{width: 100%; height: 40px; display: block; box-sizing:border-box; line-height: 40px;  margin-top: 0px;}


.flash-fk{width: 100%; height:auto; overflow: hidden;border-bottom: 0px solid #334353;}
.flash-fk .bg{margin-top: 80px; padding-bottom: 30px;}
.flash-fk .bg .fkbox{width: 100%; box-sizing: border-box; padding:25px;  max-width: 642px;  background: url(../images/fk-bg.png) no-repeat center; background-size: cover; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.flash-fk .bg .fkbox .box{ width: 100%;}
.flash-fk .bg .fkbox .box .name{color: #ffffff; font-size: 18px; line-height: 32px;}
.flash-fk .bg .fkbox .box .inp{height: 40px; padding: 5px 15px; line-height: 30px; font-size: 16px; }
.flash-fk .bg .fkbox .box .btn{ margin-top: 20px; height: 40px; display: block; box-sizing:border-box; line-height: 40px; font-size: 12px;}



.why-about{width: 94%; max-width: 1500px; margin: 0 auto; padding-top:30px;}
.why-about .bg{width: 100%; display: flex; justify-content: flex-start; flex-direction: column; padding-top: 30px;}
.why-about .bg .left{width: 100%;}
.why-about .bg .left img{display: block; width: 100%;}
.why-about .bg .right{width: 100%; display: flex; justify-content:flex-start; flex-direction: column; padding-top: 20px;}
.why-about .bg .right .memo{font-size: 14px; line-height: 24px; color: #000000;}
.why-about .bg .right .tu{width: 100%; margin-top: 15px;}
.why-about .bg .right .tu img{display: block; width: 100%;}

.why-video{width: 100%;  position: relative; overflow: hidden; margin-top: 20px; background: #2b333c; }
.why-video video{ height: 300px;}
.why-video .box{position:absolute; z-index: 99; width: 100%; height:70%; display: flex; flex-direction: column; align-items: center; justify-content:space-between; left: 0; top: 15%;}
.why-video .box  .nr{display: flex; align-items: center; flex-direction: column;}
.why-video .box .enname{font-size: 18px; line-height: 20px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.why-video .box .name{ text-align: center; color: #c9c9c9; font-size: 14px; line-height:20px; padding-top: 10px;}
.why-video .box .play{width: 50px;height: 50px; background: url(../images/video-ico.png) no-repeat; background-size: 50px 50px;  cursor: pointer; display: block; margin-top: 15px;}
.why-video .box .cur{background: url(../images/video-ico2.png) no-repeat; background-size: 50px 50px;}
.why-video .box .btn{width: 115px; height: 29px; cursor: pointer; border-radius: 11px; box-sizing: border-box; border: 2px solid #fff;  background: #273142; text-align: center; line-height: 25px; color: #fff; font-size: 14px;}

.why-ll{width: 100%; height: auto; border-top: 5px solid #45d7bc; padding-top: 30px;}
.why-ll .txt{width: 100%; margin-top: 20px; border-top: 3px solid #efefef;}
.why-ll .txt img{width: 100%; display: block;}

.why-fwll{width: 100%; height: auto; background: url(../images/why-bg1.jpg) no-repeat; background-size: cover; overflow: hidden;}
.why-fwll .bg{width: 94%; max-width: 1500px; margin: 30px auto; display: flex; justify-content: flex-start; flex-direction: column; align-items: center;}
.why-fwll .bg img{width: 100%; display: block;}
.why-fwll .bg .left{width: 100%; max-width: 1547px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);}
.why-fwll .bg .right{width: 100%; padding-top: 20px;}


.why-fwys{width: 100%; height: auto; padding-top: 30px;}
.why-fwys .about{margin-top: 20px;}
.why-fwys .about .bg .box .left .name{font-size: 18px;}
.why-fwys .about .bg .box .left .tu{max-width: 1504px;}

.why-fwys2{width: 100%; height: auto; overflow: hidden; background: url(../images/why-bg3.jpg) no-repeat center; background-size:cover;}
.why-fwys2 .bg{width: 94%; max-width: 1500px; margin: 30px auto; display: flex; justify-content:flex-start; flex-direction: column; align-items: center;}
.why-fwys2 .bg img{display: block; width: 100%;}
.why-fwys2 .bg .left{display: flex; width: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.why-fwys2 .bg .left .name{font-size: 18px; line-height: 24px; color: #40363a;}
.why-fwys2 .bg .left .memo{width: 100%; margin-top: 15px; color: #1e1e1e; font-size: 14px; line-height: 24px;}
.why-fwys2 .bg .left .btn{display: block;  margin-top: 15px; width: 111px; height: 34px; line-height: 34px; background: #45d7bc; text-align: center;  border-radius: 3px; color: #1e1e1e; font-size: 14px; overflow: hidden; }
.why-fwys2 .bg .left .tu{width: 100%;  margin-top: 15px;}
.why-fwys2 .bg .right{width: 100%; max-width: 1774px; padding-top: 20px;}