:root {
  /*新春颜色 */
  /*--bgcolor: #a71313;*/
  /*--topcolor: #bd272e;*/
  --hovercolor: #be5633;
  /*默认颜色*/
  --bgcolor: #11326c;
  --topcolor: #163c73;
  --defaultHovercolor: #163c73;
  /*新春*/

  /*-webkit-text-size-adjust: none;*/
}

/*公共导航css*/
.container {
  background-color: var(--bgcolor);
}
.head-wrapper {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
  background-color: var(--bgcolor);
}
.header {
  background-color: var(--bgcolor);
  /*padding: 20px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1400rem;
  margin: 0 auto;
}
.header .logo {
  /*width: 140px;*/
  /*height: 37rem;*/
  /*border: 1px solid black;*/
}
.header .logo img {
  height: 38rem;
}
.header nav {
  /*width: 1200px;*/
  /*margin: 0 auto;*/
  /*margin-left: 117rem*/
}
/* 导航文字 */
.header nav > ul {
  display: flex;
}
.header nav > ul > li {
  width: 125rem;
  position: relative;
  padding: 20rem 0;
  box-sizing: border-box;
  text-align: center;
}

.header nav > ul > li > a {
  font-family: "Microsoft YaHei";
  font-size: 18rem;
  color: #fff;
  display: inline-block;
  /*padding: 0 30rem;*/
  text-align: center;
  position: relative;
}
.header nav > ul > li > .bottom {
  width: 0;
  height: 5rem;
  background-color: #ff9000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5rem;
}
/* 最后一个 集团官网 */
.header nav > ul > li:last-child {
  margin-left: 50rem;
}
.header nav > ul > li:last-child > a {
  border: 1px solid #fff;
  padding: 0 10rem;
}

.header nav > .englist {
  font-family: "Microsoft YaHei";
  font-size: 16rem;
  color: #fff;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  right: 120rem;
  top: 2rem;
}
.header nav > .englist > a{
  color: #666;
}
.header nav > .englist > a.chinese-text{
  color: #fff;
}

/* 二级导航 */
.header nav > ul > li > ul {
  position: absolute;
  top: 69rem;
  left: 10rem;
  width: 100rem;
  z-index: 2;
  display: none;
}
.header nav > ul > li > ul li {
  padding: 10rem 0;
  text-align: center;
  font-size: 18rem;
  color: #fff;
  background-color: var(--defaultHovercolor);
  cursor: pointer;
}
.header nav > ul > li > ul li a {
  color: #fff;
  font-size: 18rem;
}
/* 导航悬停文字*/
.header nav > ul > li > a:hover {
  color: #ff9000;
}
/* 二级菜单悬停背景色 */
.header nav > ul > li > ul li:hover {
  background-color: gray;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
/*集团官网按钮*/
.header nav > ul > li:last-child > ul {
  width: 130rem;
  left: 0rem;
}

/*公共css结束*/

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  overflow: hidden;
  height: 0;
  display: block; /*把::after设置成块级元素*/
  content: ""; /*想让伪类起作用, 必须添加这个属性*/
  clear: both;
}

/* 回顶部*/
.handle-icon {
  width: 85rem;
  /*height: 140rem;*/
  position: fixed;
  right: 2rem;
  bottom: 105rem;
  z-index: 5;
  /*background-color: black;*/
}

.handle-icon > figure {
  padding: 20rem;
  background-color: var(--topcolor);
  box-sizing: border-box;
  position: relative;
}
.handle-icon > figure:last-child {
  /*border-top: 1rem solid #fff;*/
}
.handle-icon > figure > img {
  height: 45rem;
  display: block;
  cursor: pointer;
  margin: 0 auto;
}
/*二维码*/
.handle-icon > figure > img.code {
  height: 205rem;
  display: none;
  position: absolute;
  right: 100rem;
  top: -50rem;
}
/*电话号码*/
.handle-icon > figure > img.tel {
  height: 81rem;
  display: none;
  position: absolute;
  right: 100rem;
  top: 0;
}
/*尾部footer*/
.foot > .foot-hd {
  width: 1400rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background-color: var(--bgcolor);
  padding-top: 84rem;
}
/* .foot > .foot-hd > div  {
    display: flex;
    justify-content: space-between;
} */
.foot > .foot-hd > ul {
  margin-right: 53rem;
}
.foot > .foot-hd > ul:last-child {
  margin-right: 0;
}
.foot > .foot-hd > ul li {
  padding: 0 0 20rem 0;
  line-height: 1;
  height: 50rem;
}
/* 所有li 第一行加横线*/
.foot > .foot-hd > ul li:first-child a {
  border-bottom: 1rem solid #fff;
  margin-bottom: 30rem;
  display: inline-block;
  padding-bottom: 20rem;
}
/* foot 文字 */
.foot > .foot-hd > ul li a {
  color: #a1adcc;
  font-size: 22rem;
}
/* 第一行 */
.foot > .foot-hd ul li:first-child a {
  color: #fff;
}
.foot > .foot-hd ul:last-child li a {
  color: #a1adcc !important;
}
/* 鼠标悬停foot文字 */
.foot > .foot-hd > ul li a:hover {
  /* color: #383f57; */
  /* text-shadow: 1px 1px 2px #fff, 0 0 0px #fff, 0 0 5px #fff; */
}

/* 最下面的一行 */
.foot > .foot-bd {
  margin-top: 95rem;
}
.foot > .foot-bd > ul.ul-hd {
  display: flex;
  justify-content: space-between;
  width: 1400rem;
  margin: 0 auto;
  border-bottom: 1rem solid #a2b6db;
  margin-bottom: 20rem;
}
.foot > .foot-bd > ul.ul-hd > li {
  font-size: 20rem;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #778aae;
  line-height: 71rem;
}
.foot > .foot-bd > ul.ul-hd > li > a {
  color: #778aae;
}
.foot > .foot-bd > ul.ul-hd > li > a:after {
  display: inline-block;
  content: "";
  border-right: 1rem solid #778aae;
  height: 20rem;
  vertical-align: middle;
  margin-left: 23rem;
}
/* 最后一个a*/
.foot > .foot-bd > ul.ul-hd > li:last-child > a:after {
  display: none;
}

/*最后一行*/
.foot > .foot-bd > ul.last-ul {
  display: flex;
  justify-content: flex-start;
  width: 1400rem;
  margin: 0 auto;
  padding-bottom: 34rem;
  border-bottom: 1rem solid #a2b6db;
}
.foot > .foot-bd > ul.last-ul > li {
  font-size: 20rem;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #778aae;
  margin-right: 23rem;
  /*line-height: 71rem;*/
}

.foot > .foot-bd > ul.last-ul > li > a:first-child:after,
.foot > .foot-bd > ul.last-ul > li > span:first-child:after {
  display: inline-block;
  content: "";
  border-right: 1rem solid #778aae;
  height: 20rem;
  vertical-align: middle;
  margin-left: 13rem;
}
/*最后一行 ul 下的a标签*/
.foot > .foot-bd > ul.last-ul > li > a,
.foot > .foot-bd > ul.last-ul > li > span {
  color: #778aae;
  margin-right: 13rem;

  font-size: 19rem;
  font-family: "Microsoft YaHei";
  font-weight: 400;
}
/* copyright长久物流 京ICP备12035786号-1 去掉 竖线*/
.foot > .foot-bd > ul.last-ul > li:last-child > a::after,
.foot > .foot-bd > ul.last-ul > li:last-child > span::after {
  display: none;
}
/*法律声明 / 隐私协议*/
.foot > .foot-bd > ul.last-ul > li:last-child > a:nth-child(2):after,
.foot > .foot-bd > ul.last-ul > li:last-child > span:nth-child(2):after {
  display: inline-block;
  content: "";
  border-right: 1rem solid #778aae;
  height: 20rem;
  vertical-align: middle;
  margin-left: 13rem;
}
body {
  scrollbar-face-color: #b46868;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}