.body .banner {
  position: relative;
}
.body .banner > img {
  width: 100%;
  height: 3.2rem;
}
.body .banner .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 1.7rem;
  display: flex;
  align-items: center;
  font-family: 'OpenSans-Regular';
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.55rem;
}
.body .crumb {
  height: 0.7rem;
  background: #F5F5F5;
  padding: 0 1.7rem;
  display: flex;
  align-items: center;
}
.body .crumb .icon {
  width: 0.205rem;
  height: 0.184rem;
  background-image: url('../img/contact/home.png');
  background-size: 100% 100%;
  margin-right: 0.08rem;
}
.body .crumb > span {
  font-family: 'OpenSans-Regular';
  font-size: 0.14rem;
  color: #838383;
  line-height: 0.19rem;
}
.body .crumb .space {
  margin: 0 0.05rem;
}
.body .downloadCon {
  display: flex;
  padding: 0 1.7rem;
  margin-top: 0.74rem;
}
.body .downloadCon .selList {
    display: none;
  width: 3rem;
  margin-right: 0.58rem;
  /* .selItem:hover{
                margin-bottom: 0;
            } */
}
.body .downloadCon .selList .selItem {
  width: 100%;
  background: #464646;
  margin-bottom: 0.04rem;
}
.body .downloadCon .selList .selItem .text {
  height: 0.54rem;
  padding: 0.16rem 0.13rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'OpenSans-Regular';
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.22rem;
  cursor: pointer;
}
.body .downloadCon .selList .selItem .text .icon {
  width: 0.093rem;
  height: 0.053rem;
  background-image: url('../img/video/down.png');
  background-size: 100% 100%;
  /* transition: all 0.5s; */
}
.body .downloadCon .selList .selItem .optionList {
  display: none;
}
.body .downloadCon .selList .selItem .optionList .option {
  cursor: pointer;
  padding: 0 0.13rem;
  height: 0.44rem;
  background: #F2F2F2;
  font-family: 'OpenSans-Regular';
  font-size: 0.14rem;
  color: #0C0B0B;
  line-height: 0.19rem;
  display: flex;
  align-items: center;
}
.body .downloadCon .selList .selItem .optionList .option:hover {
  background: #071484;
  color: #fff;
}
.body .downloadCon .downloadPagination {
  flex: 1;
}
.body .downloadCon .downloadList {
  display: flex;
  flex-direction: column;
}
.body .downloadCon .downloadList .downloadItem {
  padding: 0.36rem 0.38rem;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  background: #F4F4F4;
  border-radius: 0.1rem;
}
.body .downloadCon .downloadList .downloadItem .left {
  flex: 1;
}
.body .downloadCon .downloadList .downloadItem .left .title {
  font-family: 'OpenSans-Bold';
  font-size: 0.25rem;
  color: #000;
  line-height: 0.34rem;
}
.body .downloadCon .downloadList .downloadItem .left .subTitle {
  margin-top: 0.14rem;
  display: flex;
}
.body .downloadCon .downloadList .downloadItem .left .subTitle > span {
  font-family: 'OpenSans-Regular';
  font-size: 0.16rem;
  color: #555;
  line-height: 0.22rem;
}
.body .downloadCon .downloadList .downloadItem .btn {
  width: 1.58rem;
  height: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #575757;
  cursor: pointer;
}
.body .downloadCon .downloadList .downloadItem .btn .text {
  font-family: 'OpenSans-Regular';
  font-size: 0.14rem;
  color: #000;
  line-height: 0.19rem;
}
.body .downloadCon .downloadList .downloadItem .btn .img {
  margin-left: 0.18rem;
  width: 0.12rem;
  height: 0.12rem;
  background-image: url('../img/download/download.png');
  background-size: 100% 100%;
}
.body .downloadCon .downloadList .downloadItem:hover .btn {
  background: #081482;
  border: 1px solid #081482;
}
.body .downloadCon .downloadList .downloadItem:hover .btn .text {
  color: #fff;
}
.body .downloadCon .downloadList .downloadItem:hover .btn .img {
  background-image: url('../img/download/download_active.png');
}
.body .downloadCon .downloadList .downloadItem:first-child {
  margin-top: 0;
}
.body .downloadCon .pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0.59rem 0 0.6rem 0;
}
.body .downloadCon .pagination .prev,
.body .downloadCon .pagination .next {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.02rem;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.04rem;
}
.body .downloadCon .pagination .prev > img,
.body .downloadCon .pagination .next > img {
  width: 0.05rem;
  height: 0.1rem;
}
.body .downloadCon .pagination .pageList {
  display: flex;
}
.body .downloadCon .pagination .pageList > div {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.02rem;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.04rem;
  font-family: 'Microsoft YaHei-Regular';
  font-size: 0.14rem;
  color: #7D7D7D;
}
.body .downloadCon .pagination .pageList .active {
  background-color: #081587;
  border: 1px solid #081587;
  color: #fff;
}
.body .downloadCon .pagination .pageList .point {
  border: none;
  margin-top: -0.04rem;
}
@media only screen and (max-width:1024px){
    .body .banner .text{
        padding-left: 0.4rem;
    }
    .body .crumb{
        padding: 0 0.4rem;
    }
    .body .downloadCon{
        padding: 0 0.4rem;
    }
    .body .downloadCon .downloadList .downloadItem .left .subTitle:nth-child(2)>span{
            margin-left: 0.1rem!important;
    margin-right: 0.1rem!important;
    }
}