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

.ly_cases_list_2 .cases_wrapper{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;position: relative}
.ly_cases_list_2 .left_side{width: 18%;margin-right: 45px}
.ly_cases_list_2 .left_side .top_title{height: 56px;line-height: 56px;border-bottom: 1px solid #e8e8e8;overflow: hidden;font-size: 20px}
.ly_cases_list_2 .left_side ul{padding: 10px 0;position: relative}
.ly_cases_list_2 .left_side ul li a{line-height: 40px;font-size: 14px;text-decoration: none}
.ly_cases_list_2 .right_side{flex: 1}
.ly_cases_list_2 .right_side .app_title{font-size: 48px;line-height: 1;color:#000;text-align: center}
.ly_cases_list_2 .right_side .list_box{display: grid;gap: 44px;width: 100%}
.ly_cases_list_2 .right_side .list_box .themes_cases{text-align: left;position: relative;overflow: hidden}
.ly_cases_list_2 .right_side .list_box .themes_cases a:hover{text-decoration: none}
.ly_cases_list_2 .right_side .list_box .themes_cases .text_box{width: 74%;z-index: 10}
.ly_cases_list_2 .right_side .list_box .themes_cases .text_box.position_imageinternal{position: absolute;left: 13%;bottom: 13%}
.ly_cases_list_2 .right_side .list_box .themes_cases .text_box.position_imagebottom{text-align: center;width: 100%;padding:20px 30px;box-sizing: border-box}
.ly_cases_list_2 .right_side .list_box .themes_cases .name{margin-bottom: 20px;line-height: 1.2;color:#fff;font-size: 30px}
.ly_cases_list_2 .right_side .list_box .themes_cases .name a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ly_cases_list_2 .right_side .list_box .themes_cases .time{margin-bottom: 15px}
.ly_cases_list_2 .right_side .list_box .themes_cases .brief{margin-bottom: 15px;line-height: 1.5}
.ly_cases_list_2 .right_side .list_box .themes_cases .button a{display: inline-block;text-transform: uppercase}
.ly_cases_list_2 .right_side .list_box .themes_cases .pic_box{position: relative}
.ly_cases_list_2 .right_side .list_box .themes_cases .pic_box::after{position:absolute;content: '';top:0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: -1;transition: all 0.3s}.ly_cases_list_2 .right_side .list_box .themes_cases:hover .pic_box:after{opacity: 1;z-index: 1}
.ly_cases_list_2 .right_side .list_box .themes_cases.imageright{display: flex;align-items: flex-start;justify-content: flex-start}
.ly_cases_list_2 .right_side .list_box .themes_cases.imageright>*{width: 100%}
.ly_cases_list_2 .right_side .list_box .themes_cases.imageright .text_box{padding: 30px}
.ly_cases_list_2 .right_side .list_box .themes_cases.imageright{align-items: flex-start;justify-content: space-between}
.ly_cases_list_2 #turn_page{width: 100%}
.ly_cases_list_2 #turn_page li{border:1px solid #c2c2c2;height: auto;border-radius: 0;padding:8px;font-size: 14px}
.ly_cases_list_2 #turn_page li>span{min-width: 24px}
.ly_cases_list_2 #turn_page li,
.ly_cases_list_2 #turn_page li a:hover{background-color: transparent}
.ly_cases_list_2 #turn_page li a{min-width: none;color: #222222}
.ly_cases_list_2 #turn_page li.active{background-color: #004297}
.ly_cases_list_2 #turn_page li.active a{color: #fff}
.ly_cases_list_2 #turn_page li.first,
.ly_cases_list_2 #turn_page li.last{display: none}
.ly_cases_list_2 .right_side .app_title i{display: none}
@media screen and (max-width:1000px){.ly_cases_list_2 .cases_wrapper{display: block;margin: 0 auto}.ly_cases_list_2 .right_side{width: 100%;flex: unset}
.ly_cases_list_2 .right_side .wide{width: 100%;padding-left: 0;padding-right: 0}.ly_cases_list_2 .right_side .app_title{position: relative;padding: 0 45px 0 15px;height: 43px;line-height: 41px;border: 1px solid #484a4e;box-sizing: border-box;overflow: hidden;font-size: 20px;text-align: left}.ly_cases_list_2 .right_side .app_title i{display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 14px}.ly_cases_list_2 .right_side .list_box .themes_cases{margin-bottom: 20px}.ly_cases_list_2 .right_side .list_box .themes_cases.imageright .text_box{padding: 15px}.ly_cases_list_2 .left_side{margin-right: 0;width: auto;display: none;padding: 0 20px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 11;width: 82%;background-color: #fff;border: 1px solid #000;box-sizing: border-box}.ly_cases_list_2 .left_side .top_title{display: none}}

.ly_cases_list_2 .left_side .relate_box .pro_list{padding: 6px 0}
.ly_cases_list_2 .left_side .relate_box .pro_list .related_item{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #e0e0e0}.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative}.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative}
.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .content{width: 100%}
.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .content .g_name{line-height: 18px;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-decoration: none}
.ly_cases_list_2 .left_side .relate_box .pro_list .related_item .content .g_number{margin-top: 10px;font-size: 12px;color: #808080}
.ly_cases_list_2 .list_bottom_box{display: none}
@media screen and (max-width: 1000px){.ly_cases_list_2 .left_side .relate_box{display: none}
.ly_cases_list_2 .list_bottom_box{display: block}.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #e0e0e0}.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box{flex: none;margin-right: 12px;width: 80px;background-color: #fff;position: relative}.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a{display: block;width: 100%;height: 0;padding-top: 100%;position: relative}
.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .pic_box a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .content{width: 100%}
.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .content .g_name{line-height: 18px;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-decoration: none}
.ly_cases_list_2 .relate_box.list_bottom_box .pro_list .related_item .content .g_number{margin-top: 10px;font-size: 12px;color: #808080}}
.ly_cases_list_2[data-visual-id="9161"] .right_side .list_box .themes_cases .button a{font-family: Oswald-Regular;color: #FFF8F8;background-color: #080808;border: 1px solid #00000000;font-size: 12px;border-radius: 0px !important;text-align: center;padding-left: 36px;padding-right: 36px;padding-top: 15px;padding-bottom: 15px;}.ly_cases_list_2[data-visual-id="9161"] .right_side .list_box .themes_cases .button a:hover{color: #000000;background-color: #080808;border: 1px solid #00000000;}
.ly_cases_list_2[data-visual-id="9161"] .wide{width:1440px; margin:0 auto;}
.ly_cases_list_2[data-visual-id="9161"]{padding-top:50px;padding-bottom:75px;}
.ly_cases_list_2[data-visual-id="9161"] .wide{box-sizing: border-box;padding-left:0%;padding-right:0%;}
@media screen and (max-width: 1480px) {.ly_cases_list_2[data-visual-id="9161"] .wide{ width: auto;box-sizing: border-box;}}
@media screen and (max-width: 1000px) {.ly_cases_list_2[data-visual-id="9161"]{padding-top:25px;padding-bottom:30px;}.ly_cases_list_2[data-visual-id="9161"] .wide{width:98%; min-width:inherit;padding-left:3%;padding-right:3%;}}

		.ly_cases_list_2[data-visual-id="9161"] .default_category_nav .list li a{color:#222222}
		.ly_cases_list_2[data-visual-id="9161"] .default_category_nav .list li.cur a{color:#095ac2; }
		.ly_cases_list_2[data-visual-id="9161"] .default_category_nav .list li:hover { color:#095ac2}
		.ly_cases_list_2[data-visual-id="9161"] .default_category_nav .list li:hover a{ color:#095ac2; }
		.ly_cases_list_2[data-visual-id="9161"] .list_box{grid-template-columns: repeat(3, 1fr);}
		.ly_cases_list_2[data-visual-id="9161"] .list_box .themes_cases .pic_box::after{background-color: rgba(0,0,0,0%);}
		.ly_cases_list_2[data-visual-id="9161"] .right_side .list_box .themes_cases .name a{font-size: 30px;color:#FFFFFF}

		.ly_cases_list_2[data-visual-id="9161"] .list_box .themes_cases .brief{ font-size: 14px; color: #FFFFFF; }
		.ly_cases_list_2[data-visual-id="9161"] .list_box .themes_cases .time{ font-size: 12px; color: #FFFFFF; }
		@media screen and (max-width: 1000px) {
			.ly_cases_list_2[data-visual-id="9161"] .right_side .list_box .themes_cases .name a{font-size: 24px;}
			.ly_cases_list_2[data-visual-id="9161"] .list_box .themes_cases .brief{ font-size: 12px; }
			.ly_cases_list_2[data-visual-id="9161"] .list_box .themes_cases .time{ font-size: 12px; }
		}
	.ly_cases_detail_2 .txt_box{width: 88.88%;margin:0 auto;padding: 50px 5%;transform: translateY(-50%);text-align: center;box-sizing: border-box}.ly_cases_detail_2 .txt_box .txt_title{font-size: 48px;color:#222;line-height: 1.5}.ly_cases_detail_2 .txt_box .txt_desc{margin-top: 18px;font-size: 16px;color:#000;line-height: 1.75}@media screen and (max-width:1000px){.ly_cases_detail_2 .txt_box{padding: 3% 2%}.ly_cases_detail_2 .txt_box .txt_title{font-size: 28px}.ly_cases_detail_2 .txt_box .txt_desc{margin-top: 12px;font-size: 14px}}
	.ly_cases_detail_2[data-visual-id="9163"] .wide{width:1440px; margin:0 auto;}.ly_cases_detail_2[data-visual-id="9163"]{padding-top:0px;padding-bottom:0px;}.ly_cases_detail_2[data-visual-id="9163"] .wide{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_cases_detail_2[data-visual-id="9163"] .wide{ width: auto;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_cases_detail_2[data-visual-id="9163"]{padding-top:0px;padding-bottom:0px;}.ly_cases_detail_2[data-visual-id="9163"] .wide{width:98%; min-width:inherit;padding-left:3%;padding-right:3%;}}
	
		.ly_cases_detail_2[data-visual-id="9163"]{ background-color: #FFFFFF;}
		.ly_cases_detail_2[data-visual-id="9163"] .txt_box {background-color: #f7f7f7;}