@charset "utf-8";
/* CSS Document */

.gy_02{ background:url(gy_bg.jpg) no-repeat center 0}
.gy_02 .ty02{ display:flex; align-items:center; flex-wrap:wrap}
.gy_02 dl{background:#fff; border-radius:10px; padding:60px; box-sizing:border-box; transition:all 0.35s; display:flex; flex-wrap:wrap}
.gy_02 dl:nth-child(-n+2){ margin-right:50px;}
.gy_02 dl h6{ width:100%; float:left; overflow:hidden; margin-bottom:15px;transition:all 0.35s }
.gy_02 dl h6 img:last-child{ display:none}
.gy_02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:25px; color:#767676; margin-bottom:40px; font-weight:bold;transition:all 0.35s }
.gy_02 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; color:#767676; font-size:15px; margin-bottom:65px;transition:all 0.35s }
.gy_02 dl h6{ width:100%; float:left; overflow:hidden; }
.gy_02 dl h5{ width:100%; float:left; overflow:hidden; transition:all 0.35s }
.gy_02 dl h5 img{ height:13px}

.gy_02 dl:first-child:hover{ background:url(gy_a1.jpg) no-repeat center center; background-size:cover}
.gy_02 dl:nth-child(2):hover{ background:url(gy_a2.jpg) no-repeat center center; background-size:cover}
.gy_02 dl:nth-child(3):hover{ background:url(gy_a3.jpg) no-repeat center center; background-size:cover}

.gy_02 dl:hover h6,.gy_02 dl:hover dt,.gy_02 dl:hover dd,.gy_02 dl:hover h5{ display:none}

/******** 手机版 ********/
@media (max-width:767px){
	
.gy_01{ margin:40px 0 60px}
.gy_02{ background-size:cover}
.gy_02 .ty02{  padding:30px 0}
.gy_02 dl{border-radius:10px; padding:20px; width:100%; margin-bottom:20px; height:280px}
.gy_02 dl:nth-child(-n+2){ margin-right:0px;}
.gy_02 dl h6{  margin-bottom:5px}
.gy_02 dl h6 img:first-child{ display:none}
.gy_02 dl h6 img:last-child{ display:block}
.gy_02 dl h6 img{ height:46px}
.gy_02 dl dt{ line-height:26px; font-size:18px; margin-bottom:20px;}
.gy_02 dl dd{ line-height:22px; font-size:14px; margin-bottom:20px}

.gy_02 dl h5 img{ height:10px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.gy_02 .ty02{ height:550px}
.gy_02 dl{flex:1; border-radius:10px; padding:40px; height:400px;}
.gy_02 dl:nth-child(-n+2){ margin-right:50px;}
.gy_02 dl h6{  margin-bottom:5px}
.gy_02 dl h6 img{ height:40px}
.gy_02 dl dt{ line-height:26px; font-size:16px; margin-bottom:25px;}
.gy_02 dl dd{ line-height:22px; font-size:12px; margin-bottom:20px}

.gy_02 dl h5 img{ width:40px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.gy_02 .ty02{ height:550px}
.gy_02 dl{flex:1; border-radius:10px; padding:40px; height:440px;}
.gy_02 dl:nth-child(-n+2){ margin-right:50px;}
.gy_02 dl h6{  margin-bottom:5px}
.gy_02 dl h6 img{ height:46px}
.gy_02 dl dt{ line-height:26px; font-size:18px; margin-bottom:25px;}
.gy_02 dl dd{ line-height:26px; font-size:14px; margin-bottom:40px}

.gy_02 dl h5 img{ width:40px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
.gy_01{ margin:50px 0 60px}
.gy_02 .ty02{ height:550px}
.gy_02 dl{flex:1; border-radius:10px; padding:40px; height:440px;}
.gy_02 dl:nth-child(-n+2){ margin-right:50px;}
.gy_02 dl h6{  margin-bottom:5px}
.gy_02 dl h6 img{ height:46px}
.gy_02 dl dt{ line-height:26px; font-size:18px; margin-bottom:25px;}
.gy_02 dl dd{ line-height:26px; font-size:14px; margin-bottom:40px}

.gy_02 dl h5 img{ width:40px}
}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){
.gy_01{ margin:50px 0 60px}
.gy_02 .ty02{ height:580px}
.gy_02 dl{flex:1; border-radius:10px; padding:40px; height:474px;}
.gy_02 dl:nth-child(-n+2){ margin-right:50px;}
.gy_02 dl h6{  margin-bottom:5px}
.gy_02 dl dt{ line-height:30px; font-size:21px; margin-bottom:30px;}
.gy_02 dl dd{ line-height:26px; font-size:14px; margin-bottom:40px}


}


/******** 1400px ********/
@media (min-width:1440px){
	
.gy_02 .ty02{ height:676px;}
.gy_02 dl{flex:1; height:474px; }
}