@charset "utf-8"; 
/* CSS Document */
html,body{ margin:0; padding:0; }
.page_pc{ width:100%; max-width:1920px; min-width:1200px; margin:0 auto; position:relative; font-family:"Microsoft YaHei"; font-size:14px; line-height:24px; color:#333; overflow: hidden; }
.page_pc img{ display:block; max-width:100%; }
.page_pc .map{ position:relative; }
.page_pc .rel{ position:relative; }

.page_pc .p_kv{ position:relative; }
.page_pc .p_kv img{ display:block; width:100%; }
.page_pc .p_kv .kv_img{ position:relative; width:1920px; left:50%; margin-left:-960px; display: none; }
.page_pc .p_kv .kv_img.active{ display: block; }
.page_pc .icon01{ position:absolute; width:10%; left:10%; top:0; z-index:5; }
.page_pc .p_kv .btn_box{ position: absolute; overflow: hidden; width: 150px; left: 50%; margin-left: -75px; bottom: 9.68%; }
.page_pc .p_kv .btn_box li{ float: left; width: 17px; height: 17px; border-radius: 50%; background: #405c8b; margin-right: 49px; cursor: pointer; }
.page_pc .p_kv .btn_box li:last-child{ margin: 0; }
.page_pc .p_kv .btn_box li.active{ background: #faf7f2; }

.page_pc .vidBtn{ position:absolute; top:77.5%; font-size:1.25vw; line-height:1em; font-weight:300; color:#fff; border-radius:1em; padding:0.5em 2.5em 0.5em 1.2em; letter-spacing:0.08em; cursor: pointer; overflow: hidden; }
.page_pc .vidBtn::before{ content:''; position:absolute; right:1em; top:50%; transform:translate(50%,-50%); width:1.34em; height:1.34em; border-radius:0.67em; overflow: hidden; }
.page_pc .vidBtn::after{ content:''; position:absolute; top:50%; right:1em; transform: translate(0.8em,-50%); width:0; height:0; border:solid 0.4em transparent; border-left:solid 0.6em #c19ad2; }
.page_pc .v01{ left:18.125%; background:#c19ad2; color:#000; }
.page_pc .v01::before{ background:#181616; }
.page_pc .v01::after{ border-left-color:#c19ad2; }
.page_pc .v02{ right:18.125%; background:#386d38; }
.page_pc .v02::before{ background:#d9e5d4; }
.page_pc .v02::after{ border-left-color:#386d38; }
.page_pc .v03{ left:18.125%; background:#607a91; }
.page_pc .v03::before{ background:#f1f5f9; }
.page_pc .v03::after{ border-left-color:#607a91; }
.page_pc .v04{ right:18.125%; background:#8b2f0b; }
.page_pc .v04::before{ background:#ffedc6; }
.page_pc .v04::after{ border-left-color:#8b2f0b; }

.page_pc .btn{ position:absolute; top:0; margin-top:30.3125%; font-size:1.04vw; font-weight:300; line-height:1em; box-sizing:border-box; padding:0.4em 0.8em 0.4em 1em; border:solid 1px #000; color:#000; }
.page_pc .btn01{ left:19%; }
.page_pc .btn02{ left:37%; }
.page_pc .btn03{ left:55%; }
.page_pc .btn04{ left:73.5%; }