﻿.ys_gy {
 background: #fff;
 border-radius: 6px;
 padding: 26px 30px 30px;
 margin-bottom: 24px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .045);
 overflow: hidden;
}

.sec-head {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 22px;
}

.sec-head .bar {
 width: 5px;
 height: 24px;
 border-radius: 2px;
 background: #920D14;
 flex: 0 0 5px;
}

.sec-head h3 {
 margin: 0;
 font-size: 24px;
 font-weight: 700;
 color: #333;
 letter-spacing: 1px;
 white-space: nowrap;
}

.sec-head .rule {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, #E3D2CB, #F4EFEC);
 position: relative;
 margin-left: 4px;
}

.sec-head .rule::after {
 content: "";
 position: absolute;
 right: 0;
 top: -3px;
 width: 7px;
 height: 7px;
 background: #DCC7BF;
 transform: rotate(45deg);
}
.gy_item ul{
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.gy_item li {
 display: flex;
 width: 48%;
 /* float: left; */
 background: #faf8f6;
 padding: 15px;
 box-sizing: border-box;
 margin-bottom: 45px;
 position: relative;
}

.gy_item li::before {
 content: '';
 position: absolute;
 width: 10px;
 height: 82%;
 bottom: 0;
 left: -10px;
 background-color: #920D14;
}

.gy_item li a.img_box {
 margin-right: 25px;
 overflow: hidden;
 display: inline-table;
}

.gy_item li::after {
 content: '';
 position: absolute;
 width: 39%;
 height: 10px;
 left: -10px;
 bottom: -10px;
 background-color: #920D14;
}

.gy_item li:nth-child(2n) {
 /* float: right; */
}

.text_right .title_type {
 display: block;
 padding: 40px 0 20px;
 font-size: 22px;
 border-bottom: 1px solid #920D14;
 margin-bottom: 19px;
}

.text_right p {
 color: #666;
 margin-bottom: 20px;
 line-height: 1.8;

}

.text_right .details {
 float: right;
 padding: 6px 25px;
 background-color: #920D14;
 color: #fff;
}

.gy_item li a.img_box img {
 width: 200px;
 overflow: hidden;
 transition: all .3s ease-in-out;
}

.gy_item li a.img_box img:hover {
 transform: scale(1.05);
 transition: all .3s ease-in;
}
@media only screen and (max-width: 768px){
 .ys_gy{
 padding:10px;
 }
 .gy_item li{
 width:100%;
 }
 .gy_item li{
 display:block;
 }
 .text_right .title_type{
 text-align:center;
 }
 .gy_item li a.img_box{
 margin-right:0;
 /* margin:0 auto; */
 display: block;
 text-align: center;
 }
} 