body{padding:0;margin:0}
A:link{text-decoration:none;color:#000}
A:visited{text-decoration:none;color:#000}
A:hover{text-decoration:none;color:#0080cc}
.pc-slide{width:100%;max-width:1920px;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:stretch;position:relative; min-width: 320px;}
.pc-slide .prtit{position:absolute;top:12%;left:8%;z-index:500}
.pc-slide .prtit h2{font-size:36px;font-weight:bold; letter-spacing:3px; margin-bottom: 10px;}
.pc-slide .prtit p{font-size:16px;text-transform:uppercase;color: #999;}
.pc-slide .prlst_r{width:19.4%;display:flex;flex-wrap:nowrap;align-items:stretch;min-width:286px}
.pc-slide .prlogo{position:absolute;top:8%;left:35%;z-index:500; width:4.8%;}
.pc-slide .view{width:80.6%;position:relative; background:url(/public/img/prbg_1206.jpg) no-repeat;background-size:100% 100%;}
.pc-slide .view .prbg{width:100%;max-width:100%;display:block}
.pc-slide .view .prlst{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}
.pc-slide .prlst_r .lst-r-l{width:23px;background:url(/public/img/lst-r-l.png) repeat-y}
.pc-slide .prlst_r .preview{flex:auto;background:#0080cc;min-width:180px}
.pc-slide .prlst_r .prlnk{width:83px;height:100%;position:relative;background:url(/public/img/prlnk.png) repeat-y}
.pc-slide .prlst_r .prlnk .lnk{width:55px;text-align:center;background:url(/public/img/lnk2_bg.png) repeat-y #0052a3;color:#FFF;display:block;border-radius:0 10px 10px 0;padding:30px 0;font-size:20px}
.pc-slide .prlst_r .prlnk .lnk1{margin-top:30px}
.pc-slide .prlst_r .prlnk .lnk2{margin-left:1px}
.pc-slide .prlst_r .prlnk .lnkon{background:#0080cc;font-size:24px;font-weight:bold}
.pc-slide .prlst_r .prlnk .lnk3{color:#FFF;position:absolute;bottom:38px;left:35px}
.pc-slide .prlst_r .prlnk .lnk3 .iconfont{font-size:36px}
.pc-slide .preview{position:relative;overflow:hidden}
.pc-slide .preview .prlst_thum{margin-left:0px;text-align:center}
.pc-slide .preview .prlst-wrp{margin-top:40px}
.pc-slide .prlst_thum .swiper-slide{cursor:pointer;width:140px;height:140px;margin:0 auto;line-height:100%;color:#FFF;margin-bottom:6px;display:flex;align-items:center;justify-content:center}
.pc-slide .prlst_thum .swiper-slide img{margin:0 auto; max-width: 100%;}
.pc-slide .prlst_thum .swiper-slide .img1{display:block}
.pc-slide .prlst_thum .swiper-slide .img2{display:none}
.pc-slide .prlst_thum .active-nav .img1{display:none}
.pc-slide .prlst_thum .active-nav .img2{display:block}
.pc-slide .prlst_thum .swiper-slide p{margin:0;padding:0;height:36px;line-height:36px}
.pc-slide .prlst_thum .active-nav{background:url(/public/img/prjvw_sld_bg.png) no-repeat;color:#005aa9;background-size:cover}
.pc-slide .prlst_thum .prlst-wrp{display:block}
.lst_s{display:flex;flex-wrap:nowrap;align-items:flex-start; justify-content: space-between; height: 100%; }
.lst_s .lst_s_big{margin-top:16%; position: relative; margin-left: 18%; width: 28%; }
.lst_s .lst_s_big img{max-width:100%; display:block}
.lst_s .lst_s_thum{width:339px; height: 621px; margin-top: 5.3%;  overflow: hidden; background: url(/public/img/prthum_bg.png) no-repeat top  left; background-size: 100% 100%;   }
.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 621px;}
.pc-slide .view .lst_s .lst_s_big{position:static; z-index: 1000;}
.lst_s .lst_s_thum .swiper-slide{cursor:pointer; height:207px; text-align: center;}
.lst_s .lst_s_thum .swiper-slide img{ max-width: 100%;}
.lst_s_big .arw_s{ position: absolute; z-index: 1500;  display: flex; flex-wrap: nowrap; left: 75%; bottom:5%;}
.lst_s_big .arw_l,.lst_s_big .arw_r{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; background: #0080cc; color: #FFF;  border:1px solid #0080cc; display: block;}
.lst_s_big .arw_l{ margin-right: 10px;}
.lst_s_big .iconfont{ font-size: 36px;}
.lst_s_big .arw_l.swiper-button-disabled,.lst_s_big .arw_r.swiper-button-disabled{ color: #DDD; background: #FFF; border:1px solid #cacaca;}
.pc-slide .prlst .lst_s_thum .swiper-slide{}
.pc-slide .prlst .lst_s_thum .active-nav1,.pc-slide .prlst .lst_s_thum .active-nav2,.pc-slide .prlst .lst_s_thum .active-nav3,.pc-slide .prlst .lst_s_thum .active-nav4,.pc-slide .prlst .lst_s_thum .active-nav5{position: relative;}
.pc-slide .prlst .lst_s_thum .active-nav1:before,.pc-slide .prlst .lst_s_thum .active-nav2:before,.pc-slide .prlst .lst_s_thum .active-nav3:before,.pc-slide .prlst .lst_s_thum .active-nav4:before,.pc-slide .prlst .lst_s_thum .active-nav5:before{ content: ""; display: block; position: absolute; width: 24px; height: 17px; top: 25%; left: 5%; background: url(/public/img/pr_lct_arw.png) no-repeat; background-size: 100% auto;}
@media screen and (max-width: 1680px) {
	.pc-slide .prlst_r .prlnk .lnkon{font-size: 20px;}
	.pc-slide .prlst_r .prlnk .lnk{ font-size: 18px;}
	.pc-slide .prlst_r .prlnk .lnk3 .iconfont{ font-size: 30px;}
	.pc-slide .prlst_r .prlnk .lnk3{ left: 28px;}
	.pc-slide .prlst_r .prlnk{ width: 63px; }
	.pc-slide .prlst_r .prlnk .lnk{ width: 48px;  padding:24px 0;}
	.lst_s .lst_s_big{ margin-top:18%;}
}
@media screen and (max-width: 1580px) {
	.lst_s .lst_s_big{ margin-top:22%;}
	.lst_s .lst_s_thum{width:328px; height: 600px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 600px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 200px;}
}

@media screen and (max-width: 1524px) {
	.pc-slide .prlst_thum .swiper-slide{ width: 110px; height: 110px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 160px;}
	.lst_s .lst_s_thum{width:268px; height: 490px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 490px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 163px;}
	.lst_s .lst_s_big{ margin-top:17.2%;}
}
@media screen and (max-width: 1440px) {
	.pc-slide .prlst_thum .swiper-slide{ width: 100px; height: 100px;}
	.pc-slide .prlst_thum .swiper-slide img{ width: 60%;}
	.pc-slide .prlst_thum .swiper-slide p{ height: 24px; line-height: 24px; font-size: 12px;}
	.pc-slide .prlst_r .prlnk{ width: 54px;}
	.pc-slide .prlst_r .prlnk .lnk{ width: 40px;}
	.pc-slide .prlst_r .prlnk .lnk3 .iconfont{ font-size: 22px;}
	.pc-slide .prlst_r .prlnk .lnk3{ left: 26px;}
	.pc-slide .prlst_r .prlnk .lnk{font-size: 16px;}
	.lst_s .lst_s_thum{width:252px; height: 461px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 461px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 154px;}
	
}
@media screen and (max-width: 1366px) {
		.pc-slide .preview .prlst-wrp{ margin-top: 20px;}
		.pc-slide .prlst_thum .swiper-slide{ width: 95px; height: 95px;}
		.lst_s_big .arw_s{left: 64.8%;}
		.lst_s .lst_s_thum{width:237px; height: 434px;}
		.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 434px;}
		.lst_s .lst_s_thum .swiper-slide{ height: 145px;}
		.lst_s_big .arw_s{ left: 75%;}
		
}
@media screen and (max-width: 1280px) {
		.pc-slide .prtit h2{font-size: 32px;}
		.pc-slide .prtit p{font-size: 14px;}
		.lst_s_big .arw_s{left: 70.8%;}
		.lst_s .lst_s_thum{width:218px; height: 399px;}
		.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 399px;}
		.lst_s .lst_s_thum .swiper-slide{ height: 133px;}
		.lst_s_big .arw_s{ left: 75.3%;}
}
@media screen and (max-width: 1279px) {
		.pc-slide{ flex-wrap: wrap;}
		.pc-slide .view{ width: 100%;}
		.pc-slide .prlst_r{ display: block;}
		.pc-slide .prlst_r .lst-r-l,.pc-slide .prlst_r .prlnk{ display: none;}
		.pc-slide .prlst_r .preview{ width: 100%;}
		.pc-slide .preview .prlst-wrp{ display: flex; flex-wrap: nowrap; width: 100%;}
		.pc-slide .prlst_r{ width: 100%;}
		.pc-slide .prlst_thum .swiper-slide{ width: auto; height: 48px; }
		.pc-slide .prlst_thum .swiper-slide p{ font-size: 16px;}
		.pc-slide .preview .prlst-wrp{ margin-top: 0;}
		.pc-slide .prlst_thum .swiper-slide img,.pc-slide .prlst_thum .active-nav .img1,.pc-slide .prlst_thum .active-nav .img2,.pc-slide .prlst_thum .swiper-slide .img1{ display: none;}
		.pc-slide .prlst_thum .active-nav{ background: #0059a7;  color: #FFF;}
		.pc-slide .prlst_thum .prvw_li {flex: auto; margin-bottom: 0; flex-wrap: nowrap;}
		.lst_s_big .arw_s{left: 75%;}
		.lst_s .lst_s_thum{width:280px; height: 512px;}
		.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 512px;}
		.lst_s .lst_s_thum .swiper-slide{ height: 170px;}
		.lst_s .lst_s_thum{ margin-top: 3%;}

}
@media screen and (max-width: 1120px) {
	.lst_s .lst_s_thum{width:245px; height:448px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 448px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 149px;}
}
@media screen and (max-width: 1024px) {
		.pc-slide .prtit h2 { font-size: 24px;}
		.pc-slide .prtit p{font-size: 12px;}
		.abts .ctn-r .abtit  h2 { font-size: 24px;}
		.abts .ctn-r .abtit p{font-size: 12px;}
		.pc-slide .prlst_thum .swiper-slide{ height: 42px;}
		.pc-slide .prlst_thum .swiper-slide p{font-size: 14px;}
		.lst_s_big .arw_s{left: auto; right:5%;}
		.lst_s_big .arw_l,.lst_s_big .arw_r{ width: 36px; height: 36px; line-height: 36px; }
		.lst_s_big .iconfont{font-size: 30px;}
		.lst_s .lst_s_thum{width:224px; height:410px;}
		.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 410px;}
		.lst_s .lst_s_thum .swiper-slide{ height: 137px;}
}
@media screen and (max-width: 800px) {
	.lst_s .lst_s_thum{width:175px; height:320px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 320px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 107px;}
}
@media screen and (max-width:700px) {
	.lst_s .lst_s_thum{width:153px; height:280px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 280px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 93px;}	
	.pc-slide .prtit h2{ margin-bottom: 0px;}
}
@media screen and (max-width:600px) {
	.pc-slide .prtit h2{font-size: 20px;}
	.abts .ctn-r .abtit h2{font-size: 20px;}
	.lst_s_big .arw_l,.lst_s_big .arw_r{ display: none;}
	.pc-slide .prlst .lst_s_thum .swiper-wrapper{ height: 220px;}
	.lst_s .lst_s_thum{width:131px; height:240px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 240px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 80px;}	
	.lst_s .lst_s_thum{ margin-top: 6%;}
	
}
@media screen and (max-width:500px) {
.lst_s .lst_s_thum{width:109px; height:200px;}
	.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 200px;}
	.lst_s .lst_s_thum .swiper-slide{ height: 66.7px;}	
	.pc-slide .prlst .lst_s_thum .active-nav1:before,.pc-slide .prlst .lst_s_thum .active-nav2:before,.pc-slide .prlst .lst_s_thum .active-nav3:before,.pc-slide .prlst .lst_s_thum .active-nav4:before,.pc-slide .prlst .lst_s_thum .active-nav5:before{ width: 16px; height: 11px;}
}
@media screen and (max-width:480px) {
	.pc-slide .prlst_thum .swiper-slide p{ font-size: 12px;}
	.pc-slide .prtit h2{font-size: 18px;}
	.abts .ctn-r .abtit h2{font-size: 18px;}
}
@media screen and (max-width:420px) {
.lst_s .lst_s_thum{width:92px; height:168px;}
.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 168px;}
.lst_s .lst_s_thum .swiper-slide{ height: 56px;}	
.pc-slide .prtit{ top: 6%; left: 6%;}
}

@media screen and (max-width:360px) {
.lst_s .lst_s_thum{width:79px; height:145px;}
.pc-slide .prlst .lst_s_thum  .swiper-wrapper{ height: 145px;}
.lst_s .lst_s_thum .swiper-slide{ height: 48px;}	
}

@media screen and (max-width:320px) {

}