* { position: relative; box-sizing: border-box; }
.thlcTop { margin: 0 auto; margin-top: -60px; width: 1300px; height: 190px;  }
.thlcTop .thlcTop_list {  
    padding: 20px;
    width: 100%; 
    height: 100%;
    overflow: hidden;
    background-color: #fff; 
    box-shadow: 0 0 15px rgba(73, 127, 204, 0.2);
    display: flex; 
    justify-content: space-between; 
    position: relative;
    box-sizing: border-box;
}
.thlcTop .thlcTop_list .thlcTop_item {
    flex: 1;
}
.thlcTop .thlcTop_list .thlcTop_item a {
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    transition: all 0.3s;
    position: relative;
    display: block;
}
.thlcTop .thlcTop_list .thlcTop_item a .icon {
    padding-top: 30px;
    height: 100px;
}
.thlcTop .thlcTop_list .thlcTop_item a .icon img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.thlcTop .thlcTop_list .thlcTop_item a p {
    color: #333;
    font-size: 18px;
    transition: all 0.3s;
}
.thlcTop .thlcTop_list .thlcTop_item a:before {
    content: "";
    opacity: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 1px solid #1c5fc2b3;
    border-right: 0;
    border-bottom: 0;
    transition: all 0.5s;
    position: absolute;
}
.thlcTop .thlcTop_list .thlcTop_item a:after {
    content: "";
    opacity: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 1px solid #1c5fc2b3;
    border-left: 0;
    border-top: 0;
    transition: all 0.5s;
    position: absolute;
}
.thlcTop .thlcTop_list .thlcTop_item a:hover::before, 
.thlcTop .thlcTop_list .thlcTop_item a:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.thlcTop .thlcTop_list .thlcTop_item a:hover {
    box-shadow: 0 0 10px #1c5fc2b3 inset;
    border-radius: 10px 0 10px 0;
}
.thlcTop .thlcTop_list .thlcTop_item a:hover:before { border-radius: 10px 0 0 0; }
.thlcTop .thlcTop_list .thlcTop_item a:hover:after { border-radius: 0 0 10px 0; }
.thlcTop .thlcTop_list .thlcTop_item a:hover img {
    animation: bounceIn 0.5s;
}
.thlcTop .thlcTop_list .thlcTop_item a:hover p {
    color: #1c5fc2;
    font-weight: bold;
    animation: fadeInUp 0.5s;
}  
/* 通用 */
.thlcbox {
    margin: 0 auto;
    margin-top: 30px;
    width: 1300px;
}
.thlcbox .thlc-title { width: 100%; text-align: center; }
.thlcbox .thlc-content { margin-top: 30px; width: 100%; }
/* 陵川名片 */
.lcmpbox { padding: 0 30px; }
.lcmpbox .thlc-content { display: flex; justify-content: space-between; }
.lcmpbox .leftvideo { width: 680px; height: 380px; overflow: hidden; }
.lcmpbox .right_lccon { width: 540px;  }
.lcmpbox .right_lccon p { margin-top: 10px; line-height: 2; color: #333; font-size: 18px; text-indent: 2rem; text-align: justify; }
/* 陵川旅游 */
.lclybox { padding: 0 30px; }
.lclybox .thlc-content { width: 100%; }
.yhslpic { margin-top: 30px; width: 100%; display: flex; }
.yhslpic .pic { margin-right: 20px; width: 295px; height: 180px; overflow: hidden; }
.yhslpic .pic img { width: 100%; height: 100%; }
.yhslpic .pic p { position: absolute; bottom: -40px;  width: 100%; height: 40px;  line-height: 40px; text-align: center; color: #fff; font-size: 16px; transition: all .3s;  background: rgba(0, 0, 0, 0.7); }
.yhslpic .pic:hover p { bottom: 0; }
.yhslpic .pic:hover img { transform: scale(1.1); transition: all .3s; }
.onepic { margin-top: 30px; width: 100%; }
.onepic .pic { width: 100%; height: 300px; overflow: hidden; }
.onepic .pic img { width: 100%; height: 100%; }
.onepic .pic p { position: absolute; bottom: -40px;  width: 100%; height: 40px;  line-height: 40px; text-align: center; color: #fff; font-size: 16px; transition: all .3s;  background: rgba(0, 0, 0, 0.7); }
.onepic .pic:hover p { bottom: 0; }
.onepic .pic:hover img { transform: scale(1.1); transition: all .3s; }
/* 图说陵川 */
.tslcbox { padding: 0 30px; }
.tslcbox .thlc-content { width: 100%; }
.yhllpic { margin-top: 30px; width: 100%; display: flex; flex-wrap: wrap; }
.yhllpic .pic { margin-right: 20px; margin-bottom: 20px; width: 800px; height: 350px; overflow: hidden; }
.yhllpic .pic img { width: 100%; height: 100%; }
.yhllpic .pic p { position: absolute; bottom: -40px;  width: 100%; height: 40px;  line-height: 40px; text-align: center; color: #fff; font-size: 16px; transition: all .3s;  background: rgba(0, 0, 0, 0.7); }
.yhllpic .pic:hover p { bottom: 0; }
.yhllpic .pic:hover img { transform: scale(1.1); transition: all .3s; }
.yhllpic .pic:nth-child(2) { margin-right: 0; width: 420px; }
.yhllpic .pic:nth-child(3) { margin-right: 20px; width: 420px; }
.yhllpic .pic:nth-child(4) { margin-right: 0px; }