@font-face {
  font-family: 'MyFont';
  src: url('./1.ttf') format('truetype');
}

.container {
  width: 100%;
  min-width: 1400px;
  margin: 0 auto;
}

.header {
  padding: 0 5%;
  background: rgba(255, 255, 255, 0.7);
  height: 70px;
  position: fixed;
  top: 0;
  width: 90%;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.header img {
  height: 50px;
}

ul.headNav {
  cursor: pointer;
  background: transparent;


}

.layui-nav .layui-nav-item a {
  color: #000 !important;
  margin: 0 10px !important;
  line-height: 70px;
  font-size: 16px;
  font-weight: 900 !important;
}

.headNav .layui-this a {
  color: #5FB878 !important;
  font-weight: 600;
}

.content {
  width: 100%;

}

#test1 {
  width: 100%;
}

.layui-carousel-ind li {
  width: 100px !important;
  border-radius: 0 !important;
  height: 4px;
}

.indexPage {
  position: relative;
}

.imgContent {
  position: absolute;
  top: 16%;
  left: 10%;
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  /* font-family: '新宋体' !important; */
  font-family: 'MyFont'
}

.imgContent h2 {
  font-size: 44px;
}

.imgContent h1 {
  font-size: 78px;
  margin: 15px 0;
}

.imgContent h4 {
  font-size: 34px;
}

body {
  background: url(../imgs/909.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  margin: 0 auto;


}

.companyIntr,
.f2 {
  height: 568px;
  width: 75%;
  margin: 30px auto;
  background: url(../imgs/companyIntr.png) no-repeat 0 0;
  background-size: 100% 100%;
  border: 1px dashed #c9cbcd;
  padding: 5px;
  position: relative;

}

.intrWord {
  position: absolute;
  top: 110px;
  left: 500px;
  padding: 0 70px;

}

.intrWord h2 {
  font-size: 42px;
  color: #1A4EA1;
  margin-bottom: 10px;
  font-family: 'MyFont'
}

.intrWord p,
.f2 p {
  line-height: 1.5;
  font-size: 16px;
  margin: 25px 0;
  color: #171717;
}

.companyIntr>span {
  display: inline-block;
  width: 100%;
  height: 110px;
  background: url(../imgs/titleBg.png) no-repeat 52% 20px;
  /* background-size: 100% 100%; */
  transform: scale(.5);
  font-size: 48px;
  text-align: center;
  line-height: 120px;
  color: #1A4EA1;
  font-family: 'MyFont'
}

.f2 {
  height: 260px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: url(../imgs/f2.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.f2>span {
  display: inline-block;
  width: 500px;
  height: 110px;
  line-height: 80px;
  background: url(../imgs/titleBg.png) no-repeat 0% 0px;
  background-size: 100% 100%;
  transform: scale(.5);
  font-size: 48px;
  color: #1A4EA1;
  font-family: 'MyFont'
}

.f2>div {
  border-left: 2px solid #6e93fc;
  padding-left: 50px;
  padding-right: 80px;
  height: 180px;
}

.f2>div h4 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin: 25px 0
}

.f3 .intrItem {
  display: flex;
  justify-content: space-around;

}

.f3 .intrItem li {
  width: 233px;
  height: 330px;
  margin-top: 60px;
  text-align: center;
  /* background-image: url(../imgs/f3Bg.png);  */
  background: linear-gradient(180deg, rgba(0, 128, 255, 0.14) 0%, rgba(0, 6, 42, 0) 51%, rgba(0, 153, 255, 0.14) 100%);
  border: 1px solid #0090FF;
  position: relative;

}

.f3 .intrItem li>img {
  margin-top: 35px;
}

.f3 .intrItem li h3 {
  font-size: 24px;
  margin: 20px 0px;
  font-family: 'MyFont'
}

.f3 .intrItem li p {
  padding: 25px 20px;
}

.f3 .intrItem li div img:first-child {
  transform: rotate(180deg);
  position: absolute;
  top: -4px;
  left: -4px
}

.f3 .intrItem li div img:last-child {
  position: absolute;
  bottom: -4px;
  right: -4px
}

.footer {
  width: 100%;
  background: #5B8CFF;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
}

.footer>ul {
  margin: 0px 10%;
  padding-top: 10px;
  width: 80%;
  display: flex;
  justify-content: space-around;
}

.footer>ul li p {
  text-align: left;
  padding: 4px 0;
  font-size: 16px;
}

.footer>ul li p img {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.footInfo {
  font-size: 14px;
}

.d-none {
  display: none
}

.productsPage>.bgImg {
  height: 440px;
  width: 100%;
  background-size: 100% 100%;
  background: url(../imgs/2.jpg) no-repeat 0 -600px;

}

.productsPage {
  margin: 0 auto;
  width: 100%;
}

.productsPage>div:last-child {
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.productsPage>div:last-child>div {
  width: 75%;
  margin: 0 auto;
  height: 600px;
  background: url(../imgs/proPageBg.png);
  background-size: 100% 100%;
  position: relative;
  top: -40px;
}

.productsPage>div:last-child>div h2 {
  position: absolute;
  top: 100px;
  left: 400px;
  font-size: 22px;
  color: #004CFF;
  font-family: 'MyFont'
}

.productsPage>div:last-child>div>div {
  width: 700px;
  position: absolute;
  top: 230px;
  left: 60px;
  line-height: 1.8;
}

.bg span {
  display: inline-block;
  width: 360px;
  height: 110px;
  line-height: 80px;
  background: url(../imgs/titleBg.png) no-repeat 0% 0px;
  transform: scale(.5);
  font-size: 48px;
  color: #1A4EA1;
  font-family: 'MyFont';
  /* margin-left: 120px; */
  position: absolute;
  top: -10px;
  left: -10%
}

.bg h2 {
  font-family: 'MyFont';
  transform: translate(-120px, -485px);
  font-size: 22px;
  color: #004CFF;
}

.bg>div:last-child {
  width: 550px;
  position: absolute;
  top: 220px;
  left: 190px;
  font-size: 16px;
  line-height: 1.5;
}

.newsPage h3,
.callPage h3,
.projectPage h3,
.productsPage h3 {
  width: 360px;
  height: 110px;
  line-height: 80px;
  background: url(../imgs/titleBg.png) no-repeat 0% 0px;
  transform: scale(.5);
  font-size: 48px;
  color: #1A4EA1;
  font-family: 'MyFont';
  margin-left: 120px;
  text-align: center;
}

.newsPage>.bgImg,
.callPage>.bgImg,
.projectPage>.bgImg {
  height: 440px;
  width: 100%;
  background: url('../imgs/newsBg.jpg') no-repeat 0 0px;
  background-size: 100% 100%;
  opacity: 0.7;
}

.newsPage>.bgImg h2,
.callPage>.bgImg h2,
.projectPage>.bgImg h2 {
  font-size: 80px;
}

.newsPage ul {
  width: 75%;
  /* border:1px solid red; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.newsPage ul li {
  height: 164px;
  width: 680px;
  border: 1px dashed #c9cbcd;
  margin-bottom: 20px;
  background: url('../imgs/newsListBg.png') no-repeat 0 0px;
  background-size: 100% 100%;
}

.newsListTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #2A95F5 0%, rgba(3, 41, 230, 0) 100%);
  opacity: 0.6;
  height: 44px;
  padding: 0px 25px;
  font-size: 22px;
  margin: 10px;
}

.newsTitle {
  color: #fff;
}

.newsDate {
  color: #1A4EA1
}

.newsListBottom .newsImg {
  width: 80px;
  height: 80px;
  border: 2px solid #1A4EA1;
  border-radius: 5px;

}

.newsListBottom .newsWords {
  width: 75%;

}

.newsListBottom {
  display: flex;
  justify-content: space-evenly;
}

.callIntr {
  height: 568px;
  width: 75%;
  margin: 10px auto;
  background: url(../imgs/companyIntr.png) no-repeat 0 0;
  background-size: 100% 100%;
  border: 1px dashed #c9cbcd;
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #171717;

}

.callWords h5 {
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 30px
}

.callWords p {
  padding: 8px 0px;
  padding-left: 30px;
  line-height: 25px;
}

.callWords ul li {
  font-size: 14px;
  padding: 5px 0;
}

.callWords ul li i {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  left: -4px;
  top: 3px
}

.callWords ul li:nth-child(1) i {
  background: url(../imgs/phone1.png);
}

.callWords ul li:nth-child(2) i {
  background: url(../imgs/chuanzhen1.png);
}

.callWords ul li:nth-child(3) i {
  background: url(../imgs/mail1.png);
}

.callWords ul li:nth-child(4) i {
  background: url(../imgs/gzh1.png);
}

.callMsg .layui-input-block {
  margin-top: 30px;
  margin-left: 50px !important;
  width: 75%;
}

.layui-input,
.layui-select,
.layui-textarea {
  background-color: transparent !important;
  border-color: #7aa6ee !important;
}

.layui-textarea:hover,
.layui-input:hover,
.layui-select:hover {
  border-color: #1A4EA1 !important;
}

#captchaCanvas {
  display: inline-block;
  width: 18%;
  height: 34px;
  border-left: 1px solid #7aa6ee;
  vertical-align: middle !important;
  margin-right: -90px;
  transform: translate(448%, -105%);
}

#mapContainer2 {
  border-radius: 5px;
  width: 75%;
  height: 525px;
  border: 1px solid #ddd;
  margin: 0 auto;
  margin-top: 50px;
}

.projectPage ul {
  width: 75%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 60px;
}

.projectPage ul li {
  width: 32%;
  height: 240px;
  border: 1px dashed #c9cbcd;
  margin-top: 15px;
  background: url(../imgs/proListBg.png) no-repeat 0 0;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.proImg {
  width: 170px;
  height: 170px;
  border: 1px solid #1A4EA1;
  border-radius: 5px;
  margin-left: 10px;
}

.proIntr {
  width: 50%;
  margin-top: 30px;
  margin-right: 10px;
  color: #171717
}

.proIntr h1 {
  font-size: 18px;
  font-weight: 900;
  line-height: 23px;
}

.proIntr p {
  padding: 10px 0px;
}