.container{
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.indexAd {
  max-width: 1400px;
  margin: 10px auto;
  margin-bottom: 60px;
}

.indexAd .card {
  height: 250px;
  border-radius: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.indexAd .card-body {
  padding: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(0, 0, 0, .6);
  position: absolute;
  bottom: 0;
  left: 0;
}

.indexAd .card-body a {
  display: block;
  padding:0 5px;
  color: #ffffff;
  text-align: center;;
  line-height: 60px;
}

.indexAd .card-body a:hover {
  background: #000000;
  color: #ffffff98;
}

.indexAd .col {
  padding: 0 5px;
}

.indexTit {
  text-align: center;
  margin:50px 0;
}

.indexTit h3 {
  width: 480px;
  margin: auto;
  font-weight: normal;
  font-size: 23px;
}

.titleh2 {
  text-align: center;
  color: #898989;
}

.indexNews {
  max-width: 1400px;
  margin: 60px auto;
}
.hr{
  width: 150px;
  height: 2px;
  background: #898989;
  margin: auto;
  border: none;
}
.indexNews .card {
  height: 430px;
  border-radius: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.indexNews .card-body {
  position: absolute;
  padding: 0;
  width: 100%;
  height: 128px;
  background-color: rgba(0, 0, 0, .6);
  bottom: 0;
  left: 0;
  color: #fff;
  line-height: 128px;
  font-size: 25px;
  padding-left: 32px;
}

.indexNewsList li {
  margin-bottom: 80px;
}

.indexNewsList .num {
  text-align: right;
}

.indexNewsList .num span {
  background-color: #8c8c8c;
  width: 86px;
  height: 86px;
  font-size: 40px;
  color: #ffffff;
  padding-top: 25px;
  padding-left: 5px;
  display: inline-block;
  text-align: left;
}

.indexNewsList .txt {
  font-size: 22px;
  padding-left: 20px;
}

.products {
  padding-bottom: 0;
  min-width: 1000px;
  padding:20px 0;
}
.products .indexTit{
  margin:10px 0;
}
.pccon{
  width: 1000px;
  margin:50px auto;
  position: relative;
  margin-bottom: 0;
}
.pccon .image{
  position: relative;
  height: 480px;
  width: 480px;
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 32px;
}
.pccon .image:nth-child(2n){
  margin-right: 0;
}
.techs{
  width: 520px;
  height: 520px;
  font-size: 15px;
  background-color: #fff100;
  text-align: left;
  padding:30px 50px 30px 30px;
}
.techs.green{
  background-color: #6eb92b;
  color: #fff;
}
.techs h3{
  font-size: 34px;
  font-weight: normal;
  height: 130px;
}
.techs .hr{
  background-color: #666;
  height: 2px;
  width: 400px;
  margin:5px 0;
  border: none;
}
.techs.green .hr{
  background-color: #eee;
}
.techs .con{
  height: 50px;
  vertical-align: bottom;
  display: flex;
  align-items: flex-end;
}
.indexAbout{
  padding:20px 0;
  padding-bottom: 12px;
  padding-top: 0;
}
.indexAbout .titleh2{
  font-size: 35px;
  margin-bottom: 5px;
}
.indexAboutCon{
  width: 1000px;
  margin:5px auto;
}
.indexAboutCon .imgabout{
  width: 600px;
}
.indexAboutCon .col{
  padding: 0;
}
.indexAboutTxt{
  width: 100%;
  height: 100%;
  background-color: #898989;
  padding:28px 25px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  position: relative;
}

.indexAboutTxt .fgx{
  width: 72px;
  height: 4px;
  background-color: #fff;
  margin-bottom: 12px;
}

.indexAboutTxt .moreBtn{
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: 50px;
  height: 22px;
  line-height: 20px;
  border:1px #fff solid;
  font-size: 12px;
  background-color: rgba(0, 0, 0, .1);
  text-align: center;
}
.indexAboutTxt .moreBtn a{
  color: #eeeeee;
}
.indexAboutTxt .moreBtn:hover{
  background-color: #000000;
}
.shiming{
  color: #8D8D8D;
  width: 1000px;
  border:1px #8D8D8D solid;
  text-align: center;
  font-size: 12px;
  margin: auto;
}
.shiming .col{
  padding:30px 10px;
}
.shiming h3{
  font-size: 16px;
  font-weight: normal;
}
.shiming a{
  color: #8D8D8D;
}
.shiming .hr{
  width: 44px;
  height: 2px;
  background-color: #004b92;
  margin: 18px auto;
}