* {margin: 0;padding: 0;box-sizing: border-box;}
a {text-decoration: none;}
ul,li {list-style: none;padding: 0;}
img {border: none;width: 100%;}
a:hover {text-decoration: none;}
body{font-family: "Averta", sans-serif;position: relative;}
/* input::-webkit-input-placeholder{color: #a9a8b7;} */
/* 清除浮动 */
.clear::after {content: "";display: block;clear: both;visibility: hidden;}
.clear {zoom: 1;}
/* 公共类 */
.flex{display: flex;align-items: center;}
.active{display: block!important;}
.container{max-width: 1280px;margin: 0 auto;}
.title{font-size: 32px;line-height: 40px;color: #191e23;font-weight: 600;}
/* 菜单栏 */
.top{width: 100%;padding: 40px 30px;transition: all .25s ease-in-out;position: absolute;left: 0;top: 0;z-index: 999;}
.fixed{background-color: rgba(25,30,35,.7);position: fixed;padding: 20px 30px;}
.top_con{justify-content: space-between;}
.top_con .logo{width: 180px;}
.menu li{padding-right: 24px;float: left;}
.menu li a{color: #fff;font-size: 16px;font-weight: 400;position: relative;padding: 8px 0 10px;}
.menu li .menu_on{font-weight: 600;}
.menu a::after{content: '';background-color: rgba(255,255,255,.5);position: absolute;left: 0;bottom: 0;height: 2px;opacity: 0;transition: all .2s ease-in-out;width: 0;}
.menu .menu_on::after{opacity: 1;width: 100%;}
.menu a:hover::after{opacity: 1;width: 100%;}
.menu_reg{padding-left: 12px;position: relative;}
.menu_reg::before{content: '';position: absolute;left: -6px;height: 24px;width: 1px;background-color: rgba(255,255,255,.3);}
.main{width: 100%;position: relative;}
.main::before{position: absolute;left: 0;bottom: 0;right: 0;top: 0;background-color: rgba(0,0,0,.65);content: '';}
.video_bg { width: 100%;height: 76vh; overflow: hidden;}
.video{width: 100%;display: block;border: none;height: 96vh;object-fit: cover;}
.wap_banner{width: 100%;display: block;border: none;height: 96vh;object-fit: cover;}
.wap_banner img { display: block; width: 100%; height: 100%; object-fit: cover;}
.home{font-family: "Averta", sans-serif;padding: 240px 0 120px;position: absolute;left: 0;top: 0;width: 100%;}
.home_box{margin: 0 auto;max-width: 1043px;position: relative;}
.home_left{max-width: 616px;color: #fff;}
.hl_desc h1{font-size: 64px;line-height: 72px;}
.hl_desc p{margin-top: 16px;font-size: 24px;font-weight: 600;line-height: 32px;}
.home_reg{margin-top: 40px;}
.home_reg p{display: block;font-size: 16px;line-height: 24px;}
.home_reg a{border-radius: 4px;background-color: #3e83f5;box-shadow: 0 8px 16px 0 rgba(0,0,0,.14);color: #fff;display: inline-block;font-weight: 600;font-size: 20px;line-height: 24px;margin-top: 24px;padding: 12px 60px;text-align: center;text-transform: none;transition: all .2s linear;}
.home_right{max-width: 335px;position: absolute;top: -48px;right: 0;}
.home_right img{border: none;vertical-align: top;width: 100%;}
.h_title{margin: 200px auto 90px;max-width: 829px;}
.h_title h2{font-size: 32px;line-height: 40px;color: #191E23;text-align: center;}
.chain{justify-content: space-around;flex-wrap: wrap;}
.chain li{width: 32.0555%;padding: 24px;}
.chain_img{width: 100%;}
.chain_img img{width: 100%;}
.chain li h3{margin: 24px 0 8px;color: #222222;font-size: 24px;line-height: 32px;}
.chain li p{color: #191e23;font-size: 16px;line-height: 24px;}
.home_list{margin-top: 74px;max-width: 1044px;}
.hList{justify-content: space-between;flex-wrap: wrap;}
.hList li{padding: 24px;width: 48.45%;}
.hl_img{max-width: 72px;display: inline-block;}
.hl_img img{width: 100%;}
.hList li h3{margin: 24px 0 8px;font-size: 24px;line-height: 32px;color: #191e23;font-weight: 600;}
.hList li p{color: #191e23;font-size: 16px;line-height: 24px;margin-bottom: 24px;}
.ready{padding: 144px 0;}
.ready_tit{padding: 24px 0;}
.ready_tit h2{text-align: center;font-size: 32px;line-height: 40px;color: #191e23;font-weight: 600;}
.ready_txt{color: #191e23;font-size: 16px;line-height: 24px;max-width: 520px;margin: 0 auto 40px;text-align: center;}
.ready_reg{text-align: center;margin-bottom: 20px;display: block;}
.ready_reg a{padding: 13px 29px;display: inline-block;line-height: 17px;font-size: 14px;border-radius: 2px;background-color: #3e83f5;box-shadow: 0 8px 16px 0 rgba(0,0,0,.14);font-weight: 600;text-align: center;transition: all .2s linear;color: #fff;}
.ready_reg a:hover{opacity: .9;}
/* footer */
.footer{background-color: #f3f4f5;}
.ft_top{padding: 72px 30px 50px;}
.ftBox{align-items: flex-start;flex-wrap: wrap;}
.ftList{width: 18%;}
.ftList2{width: 30%;}
.ftList h4{color: #191e23;font-size: 20px;font-weight: 600;line-height: 24px;margin-bottom: 10px;}
.ftList a{display: block;color: #919599;font-size: 16px;line-height: 24px;padding: 4px 0;font-weight: 400;}
.ftList2 p{line-height: 24px;margin-bottom: 5px;color: #919599;font-size: 16px;}
.ft_bot{padding: 50px 30px;}
.ftBot_txt{color: #191e23;font-size: 12px;line-height: 16px;justify-content: space-between;}
.ftBot_txt a{color: #919599;font-size: 12px;line-height: 16px;margin-left: 16px;}
.ftBot_beian a{color: #191e23;margin-left: 0;}
.ftBot_beian a:hover{color: #036bbc;}

/* 返回顶部 */
.totop{position: fixed;bottom: 0;right: 75px;border-radius: 4px 4px 0 0;background-color: rgba(25, 30, 35, 0.85);text-align: center;width: 48px;height: 35px;line-height: 35px;opacity: .9;transition: all .2s ease-in-out;display: none;}
.totop img{width: 15px;}
.totop:hover{background-color: #f79b1c;}

.qq1{position: fixed;bottom: 410px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 93px;height: 151px;line-height: 151px;opacity: .9;transition: all .2s ease-in-out;}
.qq1 img{width: 15px;}

.qq2{position: fixed;bottom: 250px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 93px;height: 151px;line-height: 151px;opacity: .9;transition: all .2s ease-in-out;}
.qq2 img{width: 15px;}

.qq3{position: fixed;bottom: 90px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 93px;height: 151px;line-height: 151px;opacity: .9;transition: all .2s ease-in-out;}
.qq3 img{width: 15px;}

.qq11{position: fixed;bottom: 410px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 77px;height: 22px;line-height: 22px;opacity: .9;transition: all .2s ease-in-out;}
.qq11 img{width: 15px;}

.qq12{position: fixed;bottom: 380px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 77px;height: 22px;line-height: 22px;opacity: .9;transition: all .2s ease-in-out;}
.qq12 img{width: 15px;}

.qq13{position: fixed;bottom: 350px;right: 25px;border-radius: 4px 4px 0 0;text-align: center;width: 77px;height: 22px;line-height: 22px;opacity: .9;transition: all .2s ease-in-out;}
.qq13 img{width: 15px;}

/* 托运人 */
.shipMain{background-image: url(../img/ShipperBackground-Top.jpg);position: relative;height: 79vh;}
.shipper{padding-top: 240px;max-width: 829px;margin: 0 auto;color: #fff;text-align: center;position: absolute;top: 0;left: 0;right: 0;}
.shipper h1{margin-bottom: 16px;text-align: center;font-size: 40px;line-height: 48px;font-weight: 600;}
.shipper p{font-size: 24px;line-height: 32px;font-weight: 600;text-align: center;}
.shipper a{display: inline-block;margin-top: 40px;border-radius: 4px;background-color: #3e83f5;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);color: #fff;font-weight: 600;font-size: 20px;line-height: 24px;padding: 12px 60px;text-align: center;transition: all .2s linear;}
.shipper a:hover{opacity: .9;}
.ship_pad{margin: 0 auto;max-width: 829px;margin-top: -150px;z-index: 5;position: relative;}
.ship_pad img{width: 100%;}
.ship_title{padding: 100px 0;max-width: 1044px;margin: 0 auto;}
.ship_title h2{font-size: 32px;line-height: 40px;color: #191e23;font-weight: 600;text-align: center;}
.ship_benefit h2{font-size: 32px;line-height: 40px;color: #191e23;font-weight: 600;}
.benefit_list{margin-top: 20px;justify-content: space-between;flex-wrap: wrap;}
.benefit_list li{width: 32.0555%;padding: 24px;}
.benefit_img{max-width: 72px;}
.benefit_img img{width: 100%;}
.benefit_list li h3{margin: 24px 0 8px;font-size: 24px;line-height: 32px;font-weight: 600;}
/* 托运人服务 */
.ship_service{max-width: 829px;margin: 0 auto;margin-top: 90px;padding-bottom: 50px;}
.ship_service h2{font-size: 32px;line-height: 40px;font-weight: 600;color: #191E23;}
.shipSer_list li{margin-top: 20px;padding: 24px;}
.ser_lt{float: left;max-width: 400px;margin-right: 48px;}
.ser_lt img{width: 100%;}
.shipSer_list li h3{font-size: 24px;line-height: 32px;font-weight: 600;color: #191E23;}
.shipSer_list li p{margin-top: 24px;font-size: 16px;line-height: 24px;color: #191E23;}
/* 司机端 */
.driverMain{background-image: url(../img/OwnerOperatorBackground-Top.jpg);position: relative;height: 76vh;}
.driver{padding-top: 240px;max-width: 1043px;margin: 0 auto;position: relative;}
.driverTop{position: relative;}
.dri_lt{max-width: 676px;padding-top: 128px;color: #fff;}
.dri_lt h1{font-size: 40px;line-height: 48px;font-weight: 600;}
.dri_lt p{margin-top: 16px;font-size: 24px;line-height: 32px;font-weight: 600;}
.dri_lt a{margin-top: 40px;border-radius: 4px;background-color: #3e83f5;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14);color: #fff;display: inline-block;font-weight: 600;font-size: 20px;line-height: 24px;padding: 12px 60px;text-align: center;transition: all .2s linear;}
.dri_lt a:hover{opacity: .9;}
.dri_rt{max-width: 296px;position: absolute;top: -48px;right: 0;}
.dri_rt img{width: 100%;}
.driverCon{margin-top: 140px;}
.dc_title{max-width: 829px;font-size: 32px;line-height: 40px;color: #191e23;font-weight: 600;text-align: center;margin: 0 auto;}
.driverList{margin-top: 140px;justify-content: space-between;flex-wrap: wrap;}
.driverList li{width: 30.6666%;padding: 24px;}
.driverList .dri_img{width: 72px;}
.dri_img img{width: 100%;}
.driverList h3{margin-top: 24px;font-size: 24px;line-height: 32px;color: #191e23;font-weight: 600;}
.driverList p{margin-top: 8px;font-size: 16px;line-height: 24px;color: #191e23;}
.choose{margin: 0 auto;margin-top: 140px;max-width: 829px;}
.choose_title p{margin-top: 16px;font-size: 24px;line-height: 32px;}
.choose_box{margin-top: 56px;}
.choose_lt{float: left;width: 36%;}
.choose_lt img{width: 100%;}
.choose_rt{width: calc(60% - 24px);float: right;}
.choose_rt li{padding: 16px;margin-bottom: 16px;color: #191e23;transition: all 0.2s linear;}
.choose_rt li:hover{box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}
.choose_rt li h3{font-size: 20px;line-height: 24px;font-weight: 600;}
.choose_rt li p{margin-top: 8px;font-size: 16px;line-height: 24px;}
/* 客户说 */
.customer{padding: 120px 0;}
.customerList{margin-top: 20px;justify-content: space-between;}
.customerList li{width: calc(34% - 25px);padding: 72px 24px 24px;}
.customerList li p{color: #191e23;font-size: 16px;line-height: 24px;}
.customerList li span{color: #747474;margin-top: 20px;display: block;font-size: 13px;font-weight: 400;}
/* 关于我们 */
.aboutMain{background-color: #000;padding: 240px 0 284px;margin-bottom: 44px;}
.aboutMain h1{max-width: 829px;font-size: 40px;line-height: 48px;color: #fff;font-weight: 600;margin: 0 auto;text-align: center;}
.aboutUs{margin-top: 60px;width: 100%;padding: 20px;}
.aboutBox{background-color: #fff;padding-bottom: 24px;}
.aboutBox h2{padding: 20px;}
.aboutBox p{font-size: 1.1rem;color: #191e23;line-height: 24px;padding: 20px;}
/* 注册 */
.regBox{width: 100%;height: 81vh;position: relative;margin-bottom: 44px;}
.regBox .video{height: 46vh;}
.regForm{position: absolute;top: 0;left: 0;padding-top: 240px;width: 100%;}
.regCon{max-width: 480px;background-color: #fff;z-index: 2;height: 455px;margin: 0 auto;}
.regList{border: 1px solid #e6e6e6;height: 42px;}
.regList li{width: 50%;font-size: 14px;transition: all .2s;-webkit-transition: all .2s;position: relative;line-height: 40px;padding: 0 15px;text-align: center;cursor: pointer;}
.regList .regList_on{color: #3E83F5;border-bottom: 2px solid #3e83f5;}
.formCon{margin-top: 40px;padding: 0 10px;}
.formCon form{display: none;}
.formCon .form_on{display: block;}
.formCon_list{margin-bottom: 16px;}
.form_label{float: left;display: block;padding: 9px 15px;width: 100px;font-weight: 400;line-height: 20px;text-align: right;}
.form_inp{margin-left: 110px;min-height: 36px;position: relative;}
.form_inp input{width: 98%;height: 32px;border: 1px solid rgba(52,61,75,0.25);background-color: #fff;font-size: 13px;color: #343d48;padding: 0 15px;}
.form_inp span{cursor: pointer;color: #337ab7;display: block;border-radius: 4px;font-size: 13px;position: absolute;height: 28px;line-height: 28px;top: 1px;right: 32px;width: 100px;background-color: #f6f6f6;text-align: center;}
.form_inp button{width: 200px;background-color: #3e83f5;display: inline-block;height: 38px;padding: 0 18px;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;transition: all .3s;}
.form_inp button:hover{opacity: .8;}
/* 手机导航 */
.nav{width: 100%;padding-top: 30px;position: absolute;top: 0;left: 0;z-index: 999;background-color: #262626;display: none;}
.navBox{width: 100%;height: 40px;justify-content: space-between;padding: 0 5%;background-color: #000;}
.navBox img{width: 180px;}
.navMenu{width: 20px;cursor: pointer;}
.navMenu img{width: 100%;}
.navList{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background-color: #191E23;padding-top: 66px;display: none;}
.close{width: 20px;position: absolute;top: 40px;right: 40px;}
.close img{width: 100%;}
.navMenu_list{position: absolute;left: 0; padding: 12px 0;width: 100%;}
.nav_on{border-left: 4px solid #fff;}
.navMenu_list a{display: block;font-size: 16px;line-height: 24px;color: #fff;height: 38px;line-height: 38px;margin-top: 14px;padding-left: 15px;}
/* media */
@media screen and (max-width:1300px){
  .home_box{width: 90%;}
  .home_left{width: 60%;max-width: none;}
  .home_right{width: 40%;}
  .container{width: 90%;padding-top: 100px}
}
/* media */
@media (min-width:900px) and (max-width:1380px){
  .video_bg { height: 118vh;}
  .regBox { height: 118vh;}
  .video { height: 118vh;}
  .regBox .video { height: 118vh;}
  .shipMain { height: 105vh;}
  .driverMain { height: 110vh;}
  .aboutMain {background-color: #000;padding: 180px 0 155px;margin-bottom: 44px;}
}
@media screen and (max-width:1000px){
  .menu_reg{padding-left: 0;}
  .top{display: none;}
  .nav{display: block;}
  .homeBox { padding-top: 220px;}
  .home{padding: 176px 0;}
  .home_left{width: 100%;}
  .home_right{position: static;width: 100%;max-width: none;margin-top: 20px;}
  .hl_desc h1{font-size: 32px;line-height: 40px;}
  .hl_desc p{font-size: 16px;font-weight: 400;line-height: 24px;}
  .home_reg{margin-top: 20px;}
  .home_reg p{font-size: 14px;}
  .home_reg a{width: 100%;}
  .h_title{margin-top: 470px;margin-bottom: 50px;}
  .h_title h2{font-size: 20px;line-height: 24px;}
  .chain li{width: 100%;}
  .chain li h3{font-size: 20px;margin: 20px 0 8px;}
  .home_list{margin-top: 50px;}
  .hList li{width: 100%;padding: 15px;}
  .hList li h3{font-size: 20px;line-height: 24px;margin-top: 20px;}
  .ready{padding: 50px 0;}
  .ready_tit{padding: 15px 0;}
  .ready_tit h2{font-size: 24px;line-height: 32px;}
  .ready_reg a{width: 100%;}
  .ftList{width: 100%;margin-top: 30px;}
  .ft_top{padding: 0 30px;}
  .ft_bot{padding: 30px;}
  .ftBot_txt{display: block;}
  .ftBot_txt div{margin-bottom: 10px;}
  .totop{visibility: hidden;}
  /* 托运人 */
  .shipper{padding-top: 128px;max-width: none;width: 90%;}
  .shipper h1{font-size: 24px;line-height: 32px;}
  .shipper p{font-size: 16px;line-height: 24px;font-weight: 400;}
  .shipper a{width: 100%;}
  .shipMain{height: 60vh;}
  .ship_pad{display: none;}
  .ship_title{padding: 30px 0;}
  .ship_title h2{font-size: 20px;line-height: 24px;}
  .benefit_list li{width: 100%;padding: 10px;}
  .ship_benefit h2{font-size: 20px;line-height: 24px;}
  .benefit_list li h3{font-size: 20px;line-height: 24px;}
  .ship_service{margin-top: 50px;}
  .ship_service h2{font-size: 20px;line-height: 24px;}
  .shipSer_list li{padding: 0;}
  .shipSer_list li h3{font-size: 20px;line-height: 24px;}
  /* 司机端 */
  .driver{padding-top: 120px;width: 90%;}
  .dri_lt{max-width: none;width: 100%;padding-top: 0;}
  .dri_rt{position: static;max-width: none;margin-top: 20px;}
  .dri_lt h1{font-size: 24px;line-height: 32px;}
  .dri_lt p{font-size: 16px;line-height: 24px;font-weight: 400;}
  .dri_lt a{width: 100%;}
  .driverCon{margin-top: 660px;}
  .dc_title{font-size: 20px;line-height: 24px;}
  .driverList{margin-top: 40px;}
  .driverList li{width: 100%;padding: 15px;}
  .driverList h3{font-size: 20px;line-height: 24px;}
  .driverList p{font-size: 16px;line-height: 24px;}
  .choose{margin-top: 60px;}
  .title{font-size: 20px;line-height: 24px;}
  .choose_title p{font-size: 20px;}
  .choose_lt{display: none;}
  .choose_rt{width: 100%;}
  .customer{padding: 60px 0;}
  .customerList{flex-wrap: wrap;}
  .customerList li{width: 100%;padding: 20px;}
  /* 关于我们 */
  .aboutMain{padding: 120px 0 40px; margin-bottom: 0px;}
  .aboutMain h1{font-size: 24px;line-height: 32px; width: 86%;}
  /* 注册 */
  .regForm{padding-top: 130px;}
  .regCon{width: 90%;}
  .form_inp{margin-left: 90px;}
  .form_inp span{right: 25px;}
}

/* 手机端导航开始 */
.pc_show { display: block!important;}
.wap_show { display: none!important;}
@media screen and (max-width:767px) {
  .pc_show { display: none!important;}
  .wap_show { display: block!important;}
}