@charset "utf-8";
/* CSS Document */
 
.qc_1{ height:660px; background:url(qc_bg.jpg) no-repeat center center; background-size:cover}
.qc_1 .ty_dl01{ margin-top:80px}
.qc_1 .ty_dl01 dt{ color:#fff}
.qc_1 .ty_dl01 dd{ color:rgba(255,255,255,.8); margin-bottom:50px;font-family:Arial, Helvetica, sans-serif}
.ty_dl01 h5{ width:60%; float:left; overflow:hidden; line-height:33px; color:#fff; font-size:21px; font-weight:normal; }
.qc_2{ display:flex;flex-wrap:wrap }
.qc_2 dl{ width:25%; padding:80px 60px; box-sizing:border-box; display:flex;flex-direction:column; justify-content:space-between;}
.qc_2 dl:first-child{ background:#e49d26}
.qc_2 dl:nth-child(2){ background:#fff url(qc_51.jpg) no-repeat center center; padding:0; transition:all 0.3s; background-size:cover }
.qc_2 dl:nth-child(2):hover{ background:#fff url(qc_51b.jpg) no-repeat center center;  }
.qc_2 dl:nth-child(3){background:#e49d26}
.qc_2 dl:nth-child(4){  background:url(qc_52.jpg) no-repeat center center; background-size:cover; padding:0; transition:all 0.3s}
.qc_2 dl:nth-child(4):hover{  background:url(qc_52b.jpg) no-repeat center center;}
.qc_2 dl dt,.qc_3 dl dt{ width:100%; float:left; overflow:hidden; line-height:35px; font-size:28px; color:#fff; margin-bottom:15px; font-weight:bold}
.qc_2 dl dd,.qc_3 dl dd{ width:100%; float:left; overflow:hidden; line-height:32px; font-size:18px; color:rgba(255,255,255,.9); margin-bottom:50px; text-align: justify; text-align: justify; word-break:break-all;  }
.qc_2 dl h6,.qc_3 dl h6{ width:100%; float:left; overflow:hidden; }
.qc_2 dl h6 a,.qc_3 dl h6 a{ display:block; float:left; overflow:hidden; width:50px; height:50px; border:1px solid rgba(255,255,255,.5); text-align:center; line-height:50px; font-size:21px; color:#fff; transition:all 0.35s}
.qc_2 dl:hover h6 a,.qc_3 dl:hover h6 a,.qc_3 dl:nth-child(2):hover h6 a{ border:1px solid rgba(255,255,255,0);}
.qc_3{ display:flex;flex-wrap:wrap }
.qc_3 dl{ width:25%; padding:80px 60px; box-sizing:border-box; display:flex;flex-direction:column; justify-content:space-between}
.qc_3 dl:nth-child(2){ background:#f1f4fb; background:#3F4156}
.qc_3 dl:first-child{ background:#fff url(qc_b1.jpg) no-repeat center center;  padding:0; transition:all 0.5s}
.qc_3 dl:first-child:hover{ background:#fff url(qc_ba1.jpg) no-repeat center center;}
/* .qc_3 dl:first-child h5{ width:100%; background:url(qc_dot01.png) no-repeat right center; height:100%; } */

.qc_3 dl:nth-child(3) {  background:#fff url(qc_b2.jpg) no-repeat center center;  padding:0; transition:all 0.5s}
.qc_3 dl:nth-child(3):hover {  background:#fff url(qc_ba2.jpg) no-repeat center center;}
.qc_3 dl:nth-child(4){ background:#3F4156 }
.dd_t1 table{ width:100%; border:1px solid rgba(255,255,255,.2); border-collapse:collapse; margin-top:10px }
.dd_t1 table tr,.dd_t1 table td{border:1px solid rgba(255,255,255,.2); text-align:center}
.qc_3 dl dd.dd_t1 table td{ font-size:16px; line-height:30px  }
.dd_t1 table td.td_t1{ padding:13px 0}

/******** 手机版 ********/
@media (max-width:767px){
.qc_1{ height:400px;}
.qc_2 dl,.qc_3 dl{ width:50%; padding:20px 15px;}
.qc_3 dl:last-child{ width:100%; margin-bottom:30px}
.ty_dl01_qc h5{ width:100%; line-height:20px;  font-size:14px;}
.qc_2 dl dt,.qc_3 dl dt{line-height:20px; font-size:17px; margin-bottom:15px; font-weight:bold}
.qc_2 dl dd,.qc_3 dl dd{line-height:18px; font-size:12px; margin-bottom:50px; }
.qc_2 dl h6 a,.qc_3 dl h6 a{  width:40px; height:40px; line-height:40px; font-size:17px; }

}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.ty_dl01_qc h5{width:80%; line-height:30px; font-size:19px;}
.qc_2 dl,.qc_3 dl{ width:50%; padding:60px 40px;}
.qc_3 dl:last-child{ width:100%; margin-bottom:50px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.qc_2 dl,.qc_3 dl{ width:50%; padding:60px 40px;}
.qc_3 dl:last-child{ width:100%; margin-bottom:50px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.qc_2 dl,.qc_3 dl{  padding:60px 40px;}


/******** 1400px ********/
@media (min-width:1440px){
	
}