.primg{ margin-bottom: 5%;}
.prdlst{ padding-bottom: 8%;}
.prdlst .lst {border-top: 1px solid #000; padding: 5% 0; }
.prdlst .lst .lst_l{ width: 28%;}
.prdlst .lst .lst_r{ width: 67%;}
.prdlst .tit_o{ font-size: 30px; font-weight: bold; margin-bottom: 1%; }
.prdlst .tit_o span.crl{ margin: 0 5px; display: inline-block; vertical-align: middle;}
.prdlst .tit_s{ font-size: 16px; margin-bottom: 2%; line-height: 160%; }
.prdlst .tit_t{ font-weight: bold; font-size: 24px; font-style: italic;  margin-bottom: 4%; }
.prdlst .lst .lst_r .lnk a{ display: inline-block;  width: 34%; height: 54px; line-height: 54px; text-align: center; background: #000; font-size: 18px; position: relative; transition:width 2s; -moz-transition:width 2s;  -webkit-transition:width 2s; -o-transition:width 2s;}
.prdlst .lst .lst_r .lnk a,.prdlst .lst .lst_r .lnk a:visited{ color: #FFF;}
.prdlst .lst .lst_r .lnk .lnk1{ margin-right: 1%;}
.prdlst .lst .lst_r .lnk{ padding-top: 3%;}
.prdlst .lst .lst_r .lnk a .iconfont{ position: absolute; right: 4%; color: #de1c30; font-size: 12px; font-weight: normal;}
.prdlst .lst .lst_r .lnk a:hover{ background: #a71c29;}
.prdlst .lst .lst_r .lnk a:hover .iconfont{ color: #FFF;}
.dtl_lnk{ position: relative; height: 60px; line-height: 60px; margin-bottom: 3%;}
.dtl_lnk .brd{ border: 2px solid #d9d9d9; position: absolute; left: 0; right: 0; top: 0; bottom: 0}
.dtl_lnk a{ display: block; text-align: center; position: relative; z-index: 2; font-size: 18px; position: relative; height: 60px;}
.dtl_lnk a,.dtl_lnk a:visited{ color: #999;}
.dtl_lnk a.lnk1,.dtl_lnk a.lnk3{ width: 29.93298585256888%; }
.dtl_lnk a.lnk2{ width: 32.61355174981385%; margin-left: 3.59568131049888%; }
.dtl_lnk a .iconfont{ margin-right: 5%; display: none; }
.dtl_lnk a.on  .iconfont{ display: inline-block; color: #545454;}
.dtl_lnk a .ln,.dtl_lnk a .ln2{ width: 2px; background: #d9d9d9; position: absolute; height: 59%; top: 21%; right: 0; }
.dtl_lnk a .ln{ right: auto; left: 0;}
.dtl_lnk a.on { background: #000; color: #FFF; font-weight: bold; position: relative;}
.dtl_lnk a.on .ln,.dtl_lnk a.on .ln2,.dtl_lnk a.lnk1 .rarw, .dtl_lnk a.lnk2 .rarw, .dtl_lnk a.lnk2 .larw, .dtl_lnk a.lnk3 .larw{ display: none;}
.dtl_lnk a.lnk1.on .rarw,.dtl_lnk a.lnk2.on .rarw{ position: absolute; right: -34px; top: 0; bottom: 0; display: block; max-height: 100%; width: auto;}
.dtl_lnk a.lnk2.on .larw,.dtl_lnk a.lnk3.on .larw{ position: absolute; left: -35px; top: 0; bottom: 0;  display: block; max-height: 100%; width: auto;}
.pgs .bck{  text-align: center;  padding: 3% 0 4% 0;}
.pgs .bck a.lnk{ display: block; width: 28%; margin: 0 auto; font-size: 18px; position: relative; background: #FFF; border: 2px solid #000; padding:0.8% 0; transition: all 0.6s; -moz-transition:all 0.6s;  -webkit-transition:all 0.6s; -o-transition:all 0.6s; } 
.pgs .bck a.lnk .iconfont{ position: absolute; right: 3%; font-size:30px; top: 20%;}
.pgs .bck a.lnk:hover{ background: #cc3333; border: 2px solid #cc3333; color: #FFF;}
.prdtl_tit h1,.prdtl_tit p{ display: inline-block; vertical-align: middle;}
.prdtl_tit h1{ font-size: 24px; margin-right: 1%;}
.prdtl_tit p{ color: #666;}
.prdtl_tit{ border-left: 8px solid #cc3333; padding-left: 1%;}
.table_o{ padding: 2% 0 1% 0;}
.table_o .Ttable{ width: 100%; max-width: 100%; border: 1px solid #959595;}
.table_o .Ttable th, .table_o .Ttable td{ border-right: 1px solid #e7e7e7; border-bottom: 1px solid #959595; text-align: center; padding: 0.5%;}
.table_o .Ttable th{ background: #333; color: #FFF; font-weight: bold;  font-size: 18px; padding: 1% 0.5%;}
.table_o .Ttable tr:nth-child(odd) td{ background: #efefef;}
.table_o .Ttable tr:nth-child(odd) td.name,.table_o .Ttable td.name{ background: #cbcbcb;}
.table_o .Ttable1{ width: 100%; max-width: 100%; border: 1px solid #959595;}
.table_o .Ttable1 th, .table_o .Ttable1 td{ border-right: 1px solid #e7e7e7; border-bottom: 1px solid #959595; text-align: center; padding: 0.5%;}
.table_o .Ttable1 th{ background: #333; color: #FFF; font-weight: bold;  font-size: 18px; padding: 1% 0.5%;}
.table_o .Ttable1 tr:nth-child(odd) td{ background: #efefef;}
.table_o .Ttable1 tr:nth-child(odd) td.name,.table_o .Ttable1 td.name{ background: #cbcbcb;}
.table_o .sTtable{ width: 100%; max-width: 100%; border: 1px solid #959595;}
.table_o .sTtable th, .table_o .sTtable td{ border-right: 1px solid #e7e7e7; border-bottom: 1px solid #959595; text-align: center; padding: 0.5%;}
.table_o .sTtable th{ background: #333; color: #FFF; font-weight: bold;  font-size: 18px; padding: 1% 0.5%;}
.table_o .sTtable tr:nth-child(odd) td{ background: #efefef;}
.table_o .sTtable tr:nth-child(odd) td.name,.table_o .sTtable td.name{ background: #cbcbcb;}
.table_o .sTtable1{ width: 100%; max-width: 100%; border: 1px solid #959595;}
.table_o .sTtable1 th, .table_o .sTtable1 td{ border-right: 1px solid #e7e7e7; border-bottom: 1px solid #959595; text-align: center; padding: 0.5%;}
.table_o .sTtable1 th{ background: #333; color: #FFF; font-weight: bold;  font-size: 18px; padding: 1% 0.5%;}
.table_o .sTtable1 tr:nth-child(odd) td{ background: #efefef;}
.table_o .sTtable1 tr:nth-child(odd) td.name,.table_o .sTtable1 td.name{ background: #cbcbcb;}
.phg .rmks{ margin-bottom: 2%;}
.hrnlst { text-align: center;}
.hrnlst .lst{ display: inline-block; width: 48%;}
.hrnlst .lst .img{ display: block; margin: 0 auto; max-width: 100%;}
.hrnlst .lst p{ line-height: 160%; padding:3% 0 8% 0; font-size: 16px;}
.dft_shw{margin: 0 auto 5% auto; text-align: center; }
.dft_shw .pic,.dft_shw span{ display: inline-block; vertical-align: middle; color: #949999; font-size: 16px; margin-left: 4%;}
.dft_shw .brd{ border: 1px dashed #a4a5a2; padding: 6% 0;}
.phg img,.phg .img img{ max-width: 100%;}
.phg img.img-responsive{ width: auto; display: block; margin: 0 auto;}
.phg img.prtimgw{ width: 100%; display: block; margin: 0 auto; max-width: 100%;}
.phg img.prtimgs{ display: block; margin: 0 auto; max-width: 100%;}
.prfm_img{ position: relative; margin-bottom: 5%;}
.prfm_img .icn{ position: absolute; z-index: 10; width: 14%;}
.prfm_img01 .icn12{ left:4.76545048399106%;  top:14.20959147424512%}
.prfm_img01 .icn11{ left:21.37006701414743%;  top:46.00355239786856%}
.prfm_img01 .icn10{ left:32.47505584512286%;  top:61.98934280639432%}
.prfm_img01 .icn9{ left:48.69694713328369%;  top:68.91651865008881%}
.prfm_img01 .icn8{ left:45.4951600893522%;  top:86.32326820603908%}
.prfm_img01 .icn7{ left:48.69694713328369%;  top:53.99644760213144%}
.prfm_img01 .icn6{ left:43.55919583023083%;  top:40.14209591474245%}
.prfm_img01 .icn5{ left:53.98361876396128%;  top:27.88632326820604%}
.prfm_img01 .icn4{ left:68.05658972449739%;  top:17.76198934280639%}
.prfm_img01 .icn3{ left:50.26061057334326%;  top:6.92717584369449%}
.prfm_img01 .icn2{ left:35.88979895755771%;  top:6.92717584369449%}
.prfm_img01 .icn1{ left:12.06254653760238%;  top:30.19538188277087%}
.prfm_img02 .icn3{ left:65.45048399106478%;  top:11.19005328596803%}
.prfm_img02 .icn2{ left:51.67535368577811%;  top:21.84724689165187%}
.prfm_img02 .icn1{ left:42.06999255398362%;  top:45.11545293072824%}

.prfm_img107 .icn12{ left:4.76545048399106%;  top:22.20959147424512%}
.prfm_img107 .icn11{ left:21.37006701414743%;  top:54.00355239786856%}
.prfm_img107 .icn10{ left:32.47505584512286%;  top:68.98934280639432%}
.prfm_img107 .icn9{ left:48.69694713328369%;  top:75.91651865008881%}
.prfm_img107 .icn8{ left:45.4951600893522%;  top:88.32326820603908%}
.prfm_img107 .icn7{ left:48.69694713328369%;  top:60.99644760213144%}
.prfm_img107 .icn6{ left:43.55919583023083%;  top:47.14209591474245%}
.prfm_img107 .icn5{ left:53.98361876396128%;  top:34.88632326820604%}
.prfm_img107 .icn4{ left:68.05658972449739%;  top:24.76198934280639%}
.prfm_img107 .icn3{ left:50.26061057334326%;  top:13.92717584369449%}
.prfm_img107 .icn2{ left:35.88979895755771%;  top:13.92717584369449%}
.prfm_img107 .icn1{ left:12.06254653760238%;  top:33.19538188277087%}
.prfm_img107 .icn13{  left:35.88979895755771%;  top:3.92717584369449%;}

.pgs .mrlnk {  padding: 3% 0; border-top: 1px solid #bfbfbf; }
.pgs .mrlnk .item{ position: relative; padding-left: 150px; margin-bottom: 1%;}
.pgs .mrlnk .item .cgty{position: absolute; left: 0; font-size: 16px;}
.pgs .mrlnk .item  a{ display: inline-block; margin-right: 1%; font-size: 14px; line-height: 200%;}
.pgs .mrlnk .item  a .iconfont { color: #cc3333;  font-size: 12px; vertical-align: middle; margin-right: 5px;}
.dwnlst{ display: flex; align-items:flex-end; flex-direction: row; justify-content: space-between; }
.dwnlst .lst{  width: 22%;}
.dwnlst .lst .item h2{ font-size: 18px; font-weight: normal; margin-bottom: 5%;}
.dwnlst .lst .item .img-responsive{ -webkit-box-shadow:2px 2px 4px 2px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 4px 2px  rgba(0,0,0,.2); box-shadow:2px 2px 4px 2px  rgba(0,0,0,.2);}
.dwnlst .lst .item .lnk{ white-space: nowrap; padding: 3% 0 5% 0;}
.dwnlst .lst .item .lnk a{display: inline-block; text-align: center; background: #7e7e7e; color: #FFF; width: 47.61904761904762%; height: 48px; line-height: 48px; font-size: 18px;}
.dwnlst .lst .item .lnk a:visited{ color: #FFF;}
.dwnlst .lst .item .lnk a:hover{ background: #CC3333;}
.dwnlst .lst .item .lnk01 a{ margin-right: 4.23280423280423%;}
@media screen and (max-width:1680px) {
	.dwnlst .lst .item h2,.dwnlst .lst .item .lnk a{font-size:16px;}
	.dwnlst .lst .item .lnk a{ height: 40px; line-height: 40px;}
}
@media screen and (max-width:1360px) {
	.dwnlst .lst .item h2,.dwnlst .lst .item .lnk a{font-size:14px;}
}
@media screen and (max-width: 1280px) {
	.dtl_lnk{ height: 60px; line-height: 60px;}
	.dtl_lnk a{ height: 60px; font-size: 16px; }
	.dtl_lnk a.lnk1.on .rarw,.dtl_lnk a.lnk2.on .rarw{ right: -34px;}
	.dtl_lnk a.lnk2.on .larw,.dtl_lnk a.lnk3.on .larw{left: -35px; }
	.pgs .bck a.lnk .iconfont{  top: 10%;}
}
@media screen and (max-width: 1024px) {
	.table_o table th{font-size: 16px;}
	.table_o table th{ padding: 1.5% 0.5%;}
	.pgs .bck a.lnk .iconfont{ font-size:24px; top: 15%; }
	.dwnlst .lst .item h2,.dwnlst .lst .item .lnk a{ font-size: 16px;}
	.dwnlst .lst .item .lnk a{ height: 42px; line-height: 42px;}
	.dwnlst .lst .item h2,.dwnlst .lst .item .lnk a{ font-size: 14px;}
	.dwnlst .lst .item .lnk a{ height: 42px; line-height: 42px;}
	.dwnlst{ display: flex; flex-wrap: wrap;}
	.dwnlst .lst{  width: 48%; margin-bottom:8%;}
	.dwnlst .lst .item h2, .dwnlst .lst .item .lnk a{ font-size: 16px;}
}
@media screen and (max-width: 768px) {
	.prdlst .lst .lst_r2{ float: none;}
	.prdlst .lst .lst_l {  width: 20%;	}
	.prdlst .lst .lst_r {  width: 70%;	}
	.prdlst .lst .lst_r2{ width: 100%; max-width: 100%; overflow: hidden;}
	.prdlst .tit_o{  margin-bottom: 1.5%; }
	.prdlst .tit_s{ margin-bottom: 4%; }
	.prdlst .tit_t{  margin-bottom: 4%; }
	.prdlst .lst .lst_r .lnk{ text-align: center; height: 50px;  line-height: 50px; }
	.prdlst .lst .lst_r .lnk a{ width: 45%;}
	.prdlst .lst .lst_r .lnk .lnk1 {  margin-right: 2%;	}
	.dtl_lnk{ height: 50px; line-height: 50px;}
	.dtl_lnk a{ height: 50px; font-size: 16px; }
	.dtl_lnk a.lnk1.on .rarw,.dtl_lnk a.lnk2.on .rarw{ right: -28px;}
	.dtl_lnk a.lnk2.on .larw,.dtl_lnk a.lnk3.on .larw{left: -29px; }
	.pgs .bck a.lnk{ width: 50%;}
	.table_o table th{font-size: 14px;}
	.table_o .sTtable1 th{ font-size: 14px;}
	.prfm_img .icn{ width: 26%;}
.prfm_img01 .icn12{ left:4.76545048399106%;  top:17.20959147424512%}
.prfm_img01 .icn11{ left:17.37006701414743%;  top:46.00355239786856%}
.prfm_img01 .icn10{ left:22.47505584512286%;  top:61.98934280639432%}
.prfm_img01 .icn9{ left:48.69694713328369%;  top:68.91651865008881%}
.prfm_img01 .icn8{ left:45.4951600893522%;  top:86.32326820603908%}
.prfm_img01 .icn7{ left:48.69694713328369%;  top:53.99644760213144%}
.prfm_img01 .icn6{ left:43.55919583023083%;  top:40.14209591474245%}
.prfm_img01 .icn5{ left:53.98361876396128%;  top:27.88632326820604%}
.prfm_img01 .icn4{ left:68.05658972449739%;  top:17.76198934280639%}
.prfm_img01 .icn3{ left:50.26061057334326%;  top:6.92717584369449%}
.prfm_img01 .icn2{ left:23.88979895755771%;  top:6.92717584369449%}
.prfm_img01 .icn1{ left:12.06254653760238%;  top:30.19538188277087%}
.prfm_img02 .icn3{ left:65.45048399106478%;  top:11.19005328596803%}
.prfm_img02 .icn2{ left:51.67535368577811%;  top:21.84724689165187%}
.prfm_img02 .icn1{ left:42.06999255398362%;  top:45.11545293072824%}
.dwnlst .lst{ width: 46%; margin-right: 3.5%;}
.dwnlst .lst .item h2, .dwnlst .lst .item .lnk a{ font-size: 14px;}
}
@media screen and (max-width:700px){
	.table_01{overflow: auto;}
	.Ttable{min-width: 700px;}
	.sTtable{min-width: 800px;}
	.table_o .Ttable th,.table_o .Ttable1 th,.table_o .sTtable1 th{ font-size: 16px;}
	.table_o .sTtable th{ font-size: 14px;}
	
}
@media screen and (max-width:600px){
	.dtl_lnk a{ font-size: 16px;}
	.dtl_lnk a .iconfont{ font-size: 14px; margin-right:8%}
	.table_o .Ttable th{ font-size: 14px;}
	.table_o .Ttable td{ font-size: 12px; }
	.Ttable{min-width: 600px;}
	.pgs .bck a.lnk{width: 80%;}
	.prdlst .tit_o{ font-size: 24px;}
	.prdlst .tit_t{ font-size: 20px;}
	.pgs .mrlnk {  padding: 3% 0; border-top: 1px solid #bfbfbf; }
	.pgs .mrlnk .item{ position: relative; padding-left: 0; margin-bottom: 5%; border-bottom: 1px solid #a5a5a5; padding-bottom: 3%;}
	.pgs .mrlnk .item .cgty{position: static; left: 0;}
	.pgs .mrlnk .item  a{ display: block; margin-right: 0; line-height: 200%;}
.dwnlst{ white-space: normal;}
.dwnlst .lst{ width: 100%; margin-right: 0%;}
.prdlst .tit_o span.crl{ font-size: 16px;}
}
@media screen and (max-width: 550px) {
 .prdlst .tit_o {  font-size: 24px;}
 .prdlst .tit_s{font-size: 14px; }
 .prdlst .tit_t{ font-size: 18px;}
 .prdlst .lst .lst_r .lnk a{ font-size: 16px; height: 48px; line-height: 48px;}
 .pgs .bck a.lnk{ width: 50%; font-size: 16px;}
 .table_o table th, .table_o table td{ font-size: 12px;}
 .prdtl_tit{ margin-bottom:2% ;}
 .prdlst .tit_o{ font-size: 20px;}
 .prdlst .tit_t{ font-size: 18px;}
 .pgs .bck a.lnk .iconfont{ top: 12%; }
 
}
@media screen and (max-width: 500px) {
	.pgs .bck a.lnk .iconfont{  top: 8%;}
}
@media screen and (max-width: 480px) {
	 .prdlst .lst .lst_r .lnk a{ width: 48%;}
}
@media screen and (max-width: 450px) {
	 .dtl_lnk a{ font-size: 14px; }
	 .pgs .bck a.lnk{ width: 100%; padding: 2% 0; font-size: 16px; }
	 .pgs .bck a.lnk .iconfont{  top:15%;}
	 .dtl_lnk a .iconfont{ font-size: 12px;}
	 .hrnlst .lst{ display: inline-block; width: 80%;}
	 .hrnlst .lst .img{ margin: 0 auto;}
}
@media screen and (max-width: 420px) {
	 .prdlst .tit_o{ font-size: 18px;}
	 .prdlst .tit_s{ font-size: 12px;}
	 .prdlst .tit_t{ font-size: 16px;}
	 .prdlst .lst .lst_l {   width: 24%; }
	 .prdlst .lst .lst_r {	width: 68%;	 }
	 .prdlst .lst .lst_r2{ width: 100%; max-width: 100%; }
	  .prdlst .lst .lst_r .lnk a{ font-size: 14px; height: 42px; line-height: 42px;}
	  .prdlst .tit_o span.crl{ font-size: 12px;}
}
@media screen and (max-width: 414px) {
	.pgs  .bck a.lnk{}
	
	 
}

@media screen and (max-width: 380px) {
 .prdlst .lst .lst_r .lnk a{ height: 40px; line-height: 40px;}
 .prdlst .tit_o{ font-size: 16px;}
 .prdlst .tit_t{ font-size: 14px;}
 .prdlst .lst .lst_l{ width: 28%;}
 .prdlst .lst .lst_r{ width: 64%;}
 .prdlst .lst .lst_r2{ width: 100%; max-width: 100%; }
 
}
@media screen and (max-width: 350px) {
}
@media screen and (max-width: 320px) {
}