@charset "utf-8";
section{ margin-top: 120px; padding-bottom: 60px; }

.qywhimg{height: 600px; overflow: hidden;}
.qywhimg .qytitle{ margin-top: 221px; font-size: 50px; text-align: center; color: #fff; }
.qywhimg .qytitle h4{ font-size: 50px; margin-bottom: 29px; }
.qywhimg .qytitle p{ font-size: 18px;}

.text-wrapper_3:hover{
  background: #E60000;
  cursor: pointer;}

.titles{ overflow: hidden;}
.titles h4{ font-size: 40px; width: calc(100% - 200px); float: left; font-weight: bold; }
.titles p{ font-size: 16px; width: calc(100% - 200px); color: #1F1F1F; margin-top: 12px; float: left; }
.titles .text-wrapper_3{background-color: rgba(255, 0, 0, 1);
  height: 50px;
  width: 168px;
  display: block;
  line-height: 50px;
  text-align: center;
  color: #fff; float: right; margin-top: -30px; }
.titles .text-wrapper_3:hover{
  background: #E60000;
  cursor: pointer;}

.djtop{
  background: url(../images/Rectangle4435.png) no-repeat left top;
  padding-top: 100px;
}
.classlist{ margin-bottom: 100px; width: calc(100% - 400px); float: left; }
.classlist ul{ display: flex; justify-content: left;}
.classlist ul li{ text-align: center; margin-right: 21px; font-size: 16px; }
.classlist ul li a{ padding: 8px 24px; height: 38px; display: block; border-radius: 38px; background: #fff; }
.classlist ul li.active a,.classlist ul li:hover a{ background: #FF0000; color: #fff;}
.classlist ul li:last-child{ margin-right: 0px;}
.djtop .search{ width: 381px; float: right; border: 1px solid #F5F5F7; height: 44px; 
  border-radius: 44px; background: #fff;  
  overflow: hidden;
}
.djtop .search button{ width:54px; height: 44px; border: none; 
  background: url('../images/search-h.png') no-repeat center center; float: left;  }
.djtop .search input{ width:calc(100% - 54px); float: left; border: none; height: 44px; line-height: 44px;  }

.dj1{
}
.dj1 .pro_1 .block_1{width: 610px; height: 458px; margin-top: 80px; margin-bottom: 100px;  }
.dj1 .pro_1 .block_1 dd{width: 610px; height: 458px; text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.dj1 .pro_1 .block_1 dd img {vertical-align:middle;height: 100%;}
.dj1 .pro_1 .block_2 { width: calc(100% - 610px); padding-left: 90px; }
.dj1 .pro_1 .block_2 h4{ margin-top: 185px; font-size: 20px; font-weight: bold; font-weight: bold; }
.dj1 .pro_1 .block_2 p{ margin-top: 32px; line-height: 32px; font-size: 18px; }


.dj2{
	background: url(../images/SketchPng5eabf91b28311de4f056c2a9771534323c64180fe266ca0a88501e2250ab88ef.png) no-repeat right top;
	padding-top: 100px;
	padding-bottom: 100px;
}
.dj2 .container{ position: relative;}
.dj2 dd{ position: absolute; bottom: 0; padding: 36px; }
.dj2 dd h4{ display: block; color: #fff; font-size: 24px; font-weight: bold; }
.dj2 dd p{ background: url(../images/time.png) no-repeat left center; font-size: 15px; color: #fff; padding-left:20px; margin-top: 13px; }

.dj3{
	background: url(../images/SketchPng6c6eb33b6f2b382fd31acf8b3ceae6db75c94eab74598e6bad3684ad7f82844f.png) no-repeat left top;
	padding-top: 100px;
}
.dj3 .pro_1 .block_1{width: 610px; height: 458px; margin-top: 80px; margin-bottom: 100px;  }
.dj3 .pro_1 .block_1 dd{width: 610px; height: 458px; text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.dj3 .pro_1 .block_1 dd img {vertical-align:middle; height: 100%; }
.dj3 .pro_1 .block_2 { width: calc(100% - 610px); padding-right: 90px; }
.dj3 .pro_1 .block_2 h4{ margin-top: 185px; font-size: 20px; font-weight: bold; }
.dj3 .pro_1 .block_2 p{ margin-top: 32px; line-height: 32px; font-size: 18px; }


.dj4{
	background: #fff no-repeat left top;
	padding-top: 100px;
}
.dj4 .pro_1 .block_1{width: 610px; height: 458px; margin-top: 80px; margin-bottom: 100px;  }
.dj4 .pro_1 .block_1 dd{width: 610px; height: 458px; text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.dj4 .pro_1 .block_1 dd img {vertical-align:middle;height: 100%;}
.dj4 .pro_1 .block_2 { width: calc(100% - 610px); padding-left: 90px; }
.dj4 .pro_1 .block_2 h4{ margin-top: 185px; font-size: 20px; font-weight: bold; }
.dj4 .pro_1 .block_2 p{ margin-top: 32px; line-height: 32px; font-size: 18px; }

.dj5{
	background: url(../images/SketchPngcc3ad5972a5fde69638cddce916fb4cbc06488ab3c7b82e7580f05a6b3e57727.png) no-repeat right top;
	padding-top: 100px;
}
.dj5 .pro_1 .block_1{width: 610px; height: 458px; margin-top: 80px; margin-bottom: 100px;  }
.dj5 .pro_1 .block_1 dd{width: 610px; height: 458px; text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.dj5 .pro_1 .block_1 dd img {vertical-align:middle;height: 100%;}
.dj5 .pro_1 .block_2 { width: calc(100% - 610px); padding-right: 90px; }
.dj5 .pro_1 .block_2 h4{ margin-top: 185px; font-size: 20px; font-weight: bold; }
.dj5 .pro_1 .block_2 p{ margin-top: 32px; line-height: 32px; font-size: 18px; }