* {margin: 0px;padding: 0px;font-family: 'Noto_R';font-size: 12px;box-sizing: border-box;font-weight: normal;}
/* a {text-decoration: none;color: #2f2f2f;} */

.header_btn {width: auto;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.header_btn .notice_btn {display: inline-block;width: 80px;border: 1px solid #ddd;background: #fafafa;font-size: 12px;height: 30px;line-height: 30px;text-align: center;}
.wrap .content .title {margin-top: 50px;text-align: left;font-size: 17px;color: #525252;margin-bottom: 30px;}
.wrap .content .title font {font-size: 12px;margin-left: 10px;border-left: 1px solid #ccc;padding: 0px 10px;color: #b9b9b9;}
.wrap .content .bottom {color: #777;font-size: 13px;line-height: 22px;}

.detail_wrap {display: inline-block;width: 100%;margin-bottom: 100px;position: relative;}
.detail_wrap .detail_tit {display: inline-block;width: 100%;border-top: 1px solid #333;padding: 25px 15px 25px;margin-top: 25px;font-size: 15px;}
.detail_wrap .detail_tit .list_word {display: inline-block;margin-right: 10px;font-family: 'Noto_B';}
.detail_wrap .detail_txt {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;min-height: 500px;width: 100%;padding: 20px 0;text-align: center;position: relative;}
.detail_wrap .detail_txt.text_ed {font-size: 14px;line-height: 25px;text-align: left;padding: 20px 10px;}
.detail_wrap .btn_wrap {display: inline-block;width: 100%;text-align: center;margin-top: 30px;}
.detail_wrap .detail_txt.text_ed .title_txt {font-family: 'Noto_B';display: inline-block;margin: 30px 0 10px;width: 100%;font-size: 14px;}
.detail_wrap .detail_txt.text_ed .bar li {position: relative;padding-left: 10px;font-size: 14px;}
.detail_wrap .detail_txt.text_ed .bar li::before {display: inline-block;content: '';width: 3px;height: 3px;border-radius: 50%;position: absolute;left: 0;top: 11px;background-color: #333;}
.detail_wrap .detail_txt .link_copy {width: 140px;height: 50px;position: absolute;top: 47.5%;left: 25%;cursor: pointer;z-index: 2;opacity: 0;}
.detail_wrap .list_btn {display: inline-block;width: 130px;height: 40px;line-height: 40px;font-size: 14px;background-color: #333;color: #fff;margin: 0 auto;text-align: center;}

.video_btn {width: 400px;height: 100px;position: absolute;bottom: 7%;left: 50%;transform: translateX(-50%);}
.detail4_btn{width: 100%;position: absolute;top: 46.14%;text-align: left;left: 27.1%;}
.detail4_btn a{ display: inline-block; margin-right: 1.5%;background-color: #6186ae;padding: 8px 15px;border-radius: 10px;color: #fff;cursor: pointer;font-size: 1.4rem;}
.detail4_btn a.detail4_btn_2_pc{display: inline-block;}
.detail4_btn a.detail4_btn_2_m{display: none;}


.wrap.detail5_wrap{}
.wrap.detail5_wrap .detail_wrap{}
.wrap.detail5_wrap .detail_wrap .detail_pc{position: relative; width: 100%; margin: 0 auto;}
.wrap.detail5_wrap .detail_wrap .detail_mo{display: none;}
.wrap.detail5_wrap .detail_wrap .detail_pc img{width: 70%;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn{}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn > a{position: absolute;width: 180px;height: 50px; cursor: pointer;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn1_1{top: 49%;  left: 25.5%;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn2_1{top: 49%;  left: 53.5%;  width: 160px;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn2_2{top: 49%;  left: 67%;  width: 170px;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn3_1{top: 86.5%; left: 19.2%;  width: 160px;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn3_2{top: 86.5%;  left: 33.2%;  width: 170px;}
.wrap.detail5_wrap .detail_wrap .detail_pc .link_btn .btn4_1{top: 87%;  left: 59.8%;}


@media screen and (max-width:1200px){
  .wrap .content {width: 100%;padding: 0 10px;}
  .detail_wrap .detail_txt img {width: 100%;}
  .header_btn {right: 10px;}
  .detail_wrap .detail_txt .link_copy {left: 15%;}
  .detail4_btn{left:16%;}
  .detail4_btn a{font-size: 1rem;padding: 1.3% 4%;}
  .detail4_btn a.detail4_btn_2_m{display: inline-block;}
  .detail4_btn a.detail4_btn_2_pc{display: none;}
}
@media screen and (max-width:767px){
  .video_btn {width: 200px;height: 60px;bottom: 9%;}
  .detail_wrap .detail_txt .link_copy {width: 65px;height: 20px;left: 15%;}
  .detail4_btn{top: 45.95%;left: 16.5%;}
  .detail4_btn a{font-size: 0.6rem;padding: 1% 3%;border-radius:5px;margin-right: 0.5%;}
  .detail4_btn a.detail4_btn_2_m{display: inline-block;}
  .detail4_btn a.detail4_btn_2_pc{display: none;}


  .wrap.detail5_wrap .detail_wrap .detail_mo{display: block; position: relative;}
  .wrap.detail5_wrap .detail_wrap .detail_pc{display: none;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn > a{position: absolute; width: 100px; height: 30px;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn1_1{top: 30%;  left: 12%;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn2_1{top: 50%;  left: 12%;  width: 90px;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn2_2{top: 50%;  left: 36%;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn3_1{top: 69.5%;  left: 12%;  width: 90px;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn3_2{top: 69.5%;  left: 36%;}
  .wrap.detail5_wrap .detail_wrap .detail_mo .link_btn .btn4_1{top: 89%;  left: 12%;}

}