body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
figure,
figure,
legend,
textarea,
p,
blockquote,
th,
td,
input,
label {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei';
  word-wrap: break-word;
  color: #3c4b5a;
}
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: top;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
.container {
  width: 100%;
  padding: 140px 0 0 0;
  background: url(../images/about-bg.png) no-repeat top center;
  background-size: 100% auto;
}
.container-contact {
  height: 100%;
  padding: 140px 0 0 0;
  background: url(../images/contactus.png) no-repeat top center;
  background-size: 100% 1180px;
}
.ye-t {
  width: 1200px;
  padding: 0 0 20px 50px;
  margin: 0 auto;
  font: 48px/48px "";
  box-sizing: border-box;
  font-weight: 300;
}
.ye-t i {
  font-style: normal;
  padding: 0 0 0 20px;
  font-size: 36px;
}
/* 关于我们 */
.aboutus {
  display: flex;
  width: 1200px;
  min-height: 600px;
  margin: 20px auto 40px;
  background: rgba(250, 250, 250, 0.6);
  border-radius: 60px;
  padding: 55px 45px 80px 45px;
  box-sizing: border-box;
  overflow: hidden;
}
.us-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 188px;
  height: 349px;
  background: linear-gradient(to bottom, #d7e5f1, #f7fafc);
  border-radius: 20px;
  text-align: center;
  padding: 40px 0 50px 0;
  box-sizing: border-box;
}
.us-left .item {
  width: 125px;
  height: 36px;
  font: 400 16px/36px "";
  cursor: pointer;
  margin-bottom: 13px;
}
.us-left .item.on {
  border-radius: 18px;
  background: #769bc8;
  font: 300 20px/36px "";
  color: #FFF;
}
.us-left .item:hover {
  border-radius: 18px;
  background: #769bc8;
  font: 300 20px/36px "";
  color: #FFF;
}
.us-left .item a:hover {
  color: #FFF !important;
}
.us-right {
  width: 992px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 0 0px 0 60px;
  box-sizing: border-box;
  overflow: hidden;
}
.us-right img {
  width: 840px;
  height: 230px;
  border-radius: 25px;
}
.us-right p {
  padding: 35px 0 30px 0;
  font: 300 16px/34px "";
}
.us-right h3 {
  font: 400 16px/24px "";
}
.fourbox {
  text-align: left;
  padding: 35px 0 30px 0;
  font: 14px/28px "";
}
.fourbox strong {
  padding: 0 30px 0 0;
}
/* 联系我们 */
.contactus {
  display: flex;
  flex-direction: column;
  width: 1000px;
  margin: 20px auto 270px;
  box-sizing: border-box;
}
.contact01 {
  background: rgba(250, 250, 250, 0.8);
  border-radius: 50px;
  padding: 30px 35px 35px 35px;
  margin: 0 0 25px 0;
}
.contact01 h2 {
  text-align: left;
  font: bold 24px/48px "";
  color: #df0615;
}
.contact01 ul {
  display: flex;
  justify-content: space-between;
}
.contact01 ul li {
  display: flex;
  flex-direction: column;
  font: 18px/32px "";
  color: #4f5b68;
}
.contact01 ul li span:nth-child(1) {
  font-weight: bold;
}
.item02 {
  display: flex;
  justify-content: space-between;
}
.item02 {
  display: flex;
  justify-content: space-between;
}
.item02 .contact {
  width: 100%;
}
.item02 .contact:nth-child(1) {
  margin-right: 20px;
}
.item02 .contact:nth-child(1) h2 {
  color: #1c9634;
}
.item02 .contact:nth-child(2) h2 {
  color: #005bac;
}
/* 重大事记 */
.major-events {
  width: 875px;
  margin: 0 auto;
  background: linear-gradient(to bottom, #7399ca, #cddcf0);
  border-radius: 35px;
  padding: 15px 5px 5px 5px;
  box-sizing: border-box;
}
.stages {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}
.stages li {
  width: 167px;
  font: bold 24px/24px "";
  color: #FFF;
  text-align: center;
  border-radius: 25px 25px 0 0;
  padding: 20px 0 5px 0;
  cursor: pointer;
}
.stages li span {
  font: 16px/24px "";
}
.stages li.on {
  color: #3c4b5a;
  background-color: #f7f7f7;
}
.major-con {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: linear-gradient(to bottom, #f7f7f7, #FFF);
  border-radius: 0 30px 30px 30px;
  padding: 50px 25px 50px 30px;
  box-sizing: border-box;
}
.con-leader {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 20px 0 40px 0 ;
}
.con-leader li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 840px;
  background: #FFF;
  border-radius: 50px;
  margin: 0 18px 30px;
  padding: 30px 40px 30px 30px;
  box-sizing: border-box;
  box-shadow: 0px 8px 10px 0px rgba(186, 186, 186, 0.6);
}
.con-leader li a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.con-leader li img {
  display: block;
  width: 280px;
  height: 210px;
  border-radius: 30px;
  background: #ccc;
  margin: 0 40px 0 0;
}
.con-leader li h2 {
  width: 100%;
  margin: 0 auto;
  align-items: center;
  text-align: left;
}
.con-leader li h2 span {
  display: block;
  font: bold 22px/30px "";
  padding: 20px 0 0px 0;
}
.con-leader li h2 p {
  padding: 20px 0 30px 0;
  font: 16px/28px "";
  color: #626d77;
  text-align: justify;
}
.honor-tab01 {
  display: flex;
  justify-content: space-between;
  width: 30%;
  margin: 0 auto;
  padding: 0 0 10px 0;
}
.honor-tab01 .item-tab {
  font: 24px/60px "";
}
.honor-tab01 .item-tab.on {
  font-weight: 600;
  background: url('../images/honor01.png') no-repeat center bottom;
}
.honor-tab {
  width: 87%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 0px 0 ;
}
.honor-tab li {
  width: 234px;
  height: 50px;
  border-radius: 30px;
  text-align: center;
  font: bold 24px/50px "";
  cursor: pointer;
  background: #FFF;
  color: #646f7a;
}
.honor-tab li.on {
  background: linear-gradient(to right, #e08f9a, #85aee3);
  color: #FFF;
}
.honor-conbox {
  width: 100%;
}
.honor-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0px 0 40px 0 ;
}
.honor-content .honor-con {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px auto 0;
  box-sizing: border-box;
}
.honor-content .honor-con ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 40px 0 0 15px ;
}
.honor-content .honor-con ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 260px;
  height: auto;
  padding: 20px 0 20px 0;
  background: #FFF;
  border-radius: 25px;
  margin: 0 30px 30px 0;
  box-shadow: 0px 8px 10px 0px rgba(186, 186, 186, 0.6);
  box-sizing: border-box;
}
.honor-content .honor-con ul li:nth-child(3n) {
  margin-right: 0;
}
.honor-content .honor-con ul li h2 {
  width: 220px;
  margin: 0 auto;
  align-items: center;
  font: 16px/30px "";
  padding: 20px 0 0 0;
  text-align: left;
  color: #646f7a;
}
.honor-content .honor-con ul li img {
  display: block;
  width: 220px;
  height: auto;
  border-radius: 5px;
  background: #ccc;
  margin: 0 auto;
}
.honor-content .honor-con ul.st li img {
  height: 300px;
}
.linear-time {
  display: flex;
  flex-direction: column;
  background: #f0f0f0;
  border: 2px solid #f0f0f0;
  /* height: 100%; */
  padding: 0 0 0px 0;
  margin: 20px 5px 0 0;
  border-radius: 2px;
  position: relative;
  min-height: 100px;
  /* 设置最小高度 */
  box-sizing: border-box;
}
.linear-time .dot {
  width: 17px;
  height: 17px;
  margin-left: -9px;
  background: url(../images/dot.png) no-repeat center;
  position: absolute;
  left: 0;
}
.major-item-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: start;
  padding: 0 0 0 20px;
}
.major-item {
  width: 380px;
  height: 220px;
  border-radius: 20px;
  background: #FFF;
  margin: 0 18px 25px 0;
  padding: 10px 30px 20px 30px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.major-item h2 {
  text-align: left;
  font: bold 24px/70px "";
  color: #ff421d;
  border-bottom: 2px dashed #ffecd5;
}
.major-item h3 {
  text-align: left;
}
.major-item h3 span {
  display: block;
  font: bold 22px/40px "";
  padding: 20px 0 5px 0px;
}
.major-item h3 p {
  text-align: left;
  font: 16px/24px "";
  color: #626d77;
  padding: 0 0 0 0px;
}
.major-img {
  width: 380px;
  height: 220px;
  margin-bottom: 25px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.major-img img {
  width: 380px;
  height: 220px;
  border-radius: 20px;
}
.major-item:last-child {
  margin-bottom: 0;
}
.major-img:last-child {
  margin-bottom: 0;
}
/* 公司信息 */
.infor-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 0 0px 0 60px;
}
.infor-right .infor-list {
  display: flex;
  flex-direction: column;
}
.infor-right .infor-list li {
  display: flex;
  justify-content: space-between;
  height: 60px;
  overflow: hidden;
  font: 16px/60px "";
  color: #4f5b68;
  border-bottom: 1px dashed #dde6ed;
  padding: 0 30px 0 15px;
}
.infor-right .infor-list li span:nth-child(2) {
  color: #9cacbb;
}
/* 手机设备适配 (480px以下) */
@media only screen and (max-width: 480px) {
  body {
    min-width: auto !important;
    overflow-x: hidden;
  }
  .container-contact {
    padding: 100px 0 0 0;
    min-height: auto;
  }
  .contactus {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 100px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .contact01 {
    padding: 20px;
    margin: 0 0 20px 0;
    border-radius: 20px;
  }
  .contact01 h2 {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 15px;
  }
  .contact01 ul {
    flex-direction: column;
    align-items: center;
  }
  .contact01 ul li {
    width: 100%;
    max-width: 280px;
    margin-bottom: 15px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .contact01 ul li span {
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: center;
  }
  .contact01 ul li span:nth-child(1) {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .item02 {
    flex-direction: column;
    align-items: center;
  }
  .item02 .contact {
    width: 88%;
    margin: 0 0 20px 0;
  }
  .item02 .contact:nth-child(1) {
    margin-right: 0;
  }
  .item02 .contact h2 {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }
  .item02 .contact:nth-child(1) h2 {
    color: #1c9634;
  }
  .item02 .contact:nth-child(2) h2 {
    color: #005bac;
  }
  .item02 .contact ul li {
    width: 100%;
    max-width: 280px;
    margin: 0 auto 15px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .item02 .contact ul li span {
    font-size: 14px;
    line-height: 22px;
    display: block;
    text-align: center;
  }
  .item02 .contact ul li span:nth-child(1) {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
  }
}
/* 超小屏幕设备适配 (320px以下) */
@media only screen and (max-width: 320px) {
  .contactus {
    padding: 0 15px;
  }
  .contact01 {
    padding: 15px;
  }
  .contact01 h2 {
    font-size: 18px;
    line-height: 32px;
  }
  .contact01 ul li {
    max-width: 260px;
    padding: 12px;
  }
  .contact01 ul li span {
    font-size: 13px;
    line-height: 20px;
  }
  .contact01 ul li span:nth-child(1) {
    font-size: 15px;
  }
  .item02 .contact h2 {
    font-size: 18px;
    line-height: 32px;
  }
  .item02 .contact ul li {
    max-width: 240px;
    padding: 12px;
  }
  .item02 .contact ul li span {
    font-size: 13px;
    line-height: 20px;
  }
  .item02 .contact ul li span:nth-child(1) {
    font-size: 15px;
  }
}