/* p_o_11 */
.p_o_11 { margin:0 auto; width:1200px; }
.p_o_11 .row-top-area { display:flex; justify-content:space-between; align-items:center; margin-top:50px; }
.p_o_11 .group-title .title { align-items:center; position:relative; text-transform: uppercase; font-size:30px; line-height:1; font-weight:500; text-align:left; color:#29303d; padding-left:10px; }
.p_o_11 .group-title .title::before { display: block; content: ''; width: 4px; height: calc(100% - 5px); background: #0059A0; border-radius: 100px; position: absolute; top: 4px; left: 0; }
.p_o_11 .group-title .desc { margin:10px 0; font-size:15px; text-align:left; color:#455267; }
.p_o_11 .row-top-area .group-tab { position:relative; width:25%; height:100%; overflow: hidden; }
.p_o_11 .row-top-area .group-tab .tab-list { }
.p_o_11 .row-top-area .group-tab .tab-list .tab-item { font-size:18px; text-align:center; font-weight: 500; }
.p_o_11 .row-top-area .group-tab .tab-list .tab-item .tab-link { display:inline-block; }
.p_o_11 .row-top-area .group-tab .tab-list .tab-item.active { position:relative; }
.p_o_11 .row-top-area .group-tab .tab-list .tab-item.active .tab-link { position:relative; }
.p_o_11 .row-top-area .group-tab .tab-list .tab-item.active .tab-link::before { display: block; content: ''; height: 4px; background: #87b7dd; position: absolute; bottom: 0; left: -5px; width: 120%; border-radius: 100px; }
.p_o_11 .inner-wrap { padding:10px 0 25px; display:flex; justify-content:start; }
/* swiper.pdtext */
.p_o_11 .inner-wrap .swiper.pdtext { position:relative; width: 30%;z-index: 20; }
.p_o_11 .swiper.pdtext .swiper-slide .inform { max-width:350px; min-width:280px;background-color: #fff; display: flex; height: 100%; justify-content: center; flex-direction: column; }
.p_o_11 .swiper.pdtext .swiper-slide .inform { transform: translateY(40px); opacity: 0; transition: 0.6s; }
.p_o_11 .swiper.pdtext .swiper-slide .inform .tag_area{overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; position: relative;}
.p_o_11 .swiper.pdtext .swiper-slide .inform .tag_area::after{ content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 100%;background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7819502801120448) 33%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);}
.p_o_11 .swiper.pdtext .swiper-slide .inform .tag_area .tag { display: inline-block; color: #fff; border-radius: 10px 10px 10px 0; background: #008aff; font-size: 12px; height: 22px; line-height: 22px; padding: 0 8px; margin-right: 5px;}
.p_o_11 .swiper.pdtext .swiper-slide-active .inform {transform: translateY(0px); transition: 0.6s;opacity: 1; }
.p_o_11 .swiper.pdtext .swiper-slide .inform .tit { font-size:20px; font-weight:600; color: #2b2b2b; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow:hidden; }
.p_o_11 .swiper.pdtext .swiper-slide .inform .text { font-size:16px; font-weight:normal; margin-top:10px; padding-top:10px; border-top:1px solid #0059A0; color: #878686; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow:hidden; }
.p_o_11 .swiper.pdtext .swiper-slide .inform .num { margin-top:10px; display:inline-block; font-size:22px; color: #2b2b2b; font-weight:bold; }
.p_o_11 .swiper.pdtext .swiper-slide .inform .count { font-size:18px; color: #2b2b2b; font-weight:normal; }
/* swiper.bdimg */
.p_o_11 .inner-wrap .swiper.pdimg { position:relative; flex:1; height:300px; box-sizing: border-box;overflow:hidden; }
.p_o_11 .inner-wrap .swiper.pdimg::before { content: ''; position:absolute; left:0; top:0; width:150px; height:100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); z-index:10; }
.p_o_11 .inner-wrap .swiper.pdimg::after { content: ''; position:absolute; right:0; top:0; width:150px; height:100%; background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); z-index:10; }
.p_o_11 .swiper.pdimg .swiper-slide .link-to { display:block; width:100%; height:100%; position: relative; border-radius: 10px; overflow: hidden; }
.p_o_11 .swiper.pdimg .swiper-slide .link-to img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.p_o_11 .swiper.pdimg .swiper-pagination-bullet { opacity:0.5; margin:0 2px; }
.p_o_11 .swiper.pdimg .swiper-pagination-bullet-active { background:#fff; opacity:1; padding:0 5px; border-radius:10px; }
.p_o_11 .swiper.pdimg .button-next { position:absolute; right:19%; top:50%; transform:translateY(-50%); width:30px; height:50px; z-index:10; cursor:pointer; }
.p_o_11 .swiper.pdimg .button-next::before { position:absolute; left:50%; top: 8%; content: ''; height:50%; width:2px; border-radius: 10px; background:#000; transform: rotate(-45deg); }
.p_o_11 .swiper.pdimg .button-next::after { position:absolute; left:50%; bottom: 8%;; content: ''; height:50%; width:2px; border-radius: 10px; background:#000; transform: rotate(45deg); }
.p_o_11 .swiper.pdimg .button-prev { position:absolute; left:19%; top:50%; transform:translateY(-50%); width:30px; height:50px; z-index:10; cursor:pointer; }
.p_o_11 .swiper.pdimg .button-prev::before { position:absolute; left:50%;top: 8%; content: ''; height:50%; width:2px; border-radius: 10px; background:#000; transform: rotate(45deg); }
.p_o_11 .swiper.pdimg .button-prev::after { position:absolute; left:50%; bottom: 8%;; content: ''; height:50%; width:2px; border-radius: 10px; background:#000; transform: rotate(-45deg); }
@media(max-width:1023px){
	.p_o_11 { width:auto; padding:0 10px; margin-bottom: 60px;}
	.p_o_11 .inner-wrap { display: flex; flex-direction: column; padding: 0 10px;}
	.p_o_11 .row-top-area { display: block; padding: 0 10px;}
	.p_o_11 .group-title .title { font-size: 20px; }
	.p_o_11 .row-top-area .group-tab {width: auto;}
	.p_o_11 .row-top-area .group-tab .tab-list { width: auto; gap:0px; padding: 10px; }
	.p_o_11 .row-top-area .group-tab .tab-list .tab-item { font-size: 14px; text-align: left;}
	.p_o_11 .inner-wrap .swiper.pdtext { position:relative; width:auto; z-index: 20; margin-left: 0; margin-right: 0px; order: 2;  }
	.p_o_11 .swiper.pdtext .swiper-slide .inform { width:auto; max-width: none; }
	.p_o_11 .swiper.pdtext .swiper-slide .inform .tit { font-size:16px; font-weight:600; }
	.p_o_11 .swiper.pdtext .swiper-slide .inform .text { font-size:13px; font-weight:normal; margin-top:10px; padding-top:10px;}
	.p_o_11 .swiper.pdtext .swiper-slide .inform .num { margin-top:10px; display:inline-block; font-size:20px; font-weight:bold; }
	.p_o_11 .swiper.pdtext .swiper-slide .inform .count { font-size:16px; font-weight:normal; }
	.p_o_11 .inner-wrap .swiper.pdimg::before { content: ''; position:absolute; left:0; top:0; width:50px; height:100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); z-index:10; }
	.p_o_11 .inner-wrap .swiper.pdimg::after { content: ''; position:absolute; right:0; top:0; width:50px; height:100%; background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); z-index:10; }
	.p_o_11 .inner-wrap .swiper.pdimg { margin:20px 0; flex: none; order: 1; height: 220px;}
	.p_o_11 .swiper.pdimg .button-next { position:absolute; right:6%; top:50%; transform:translateY(-50%); width:30px; height:40px; z-index:50; cursor:pointer; }
	.p_o_11 .swiper.pdimg .button-prev { position:absolute; left:6%; top:50%; transform:translateY(-50%); width:30px; height:40px; z-index:50; cursor:pointer; }
 }