html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
* {
  font-family: -apple-system, PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
}
.banner {
  width: 100%;
}
.pro-page {
  width: 100%;
  position: relative;
  background: url('../images/bg.jpg') no-repeat top center;
  background-size: cover;
  overflow: hidden;
}
.pro-page .pro-1 {
  width: 66.93vw;
  margin: 9.375vw auto 0;
}
.pro-page .pro-2 {
  width: 65.104vw;
  margin: 4.167vw auto 0;
  position: relative;
}
.pro-page .pro-2 .btn{
  width: 9.48vw;
  height: 3.021vw;
  position: absolute;
  cursor: pointer;
  left: 41.98vw;
  top: 23.75vw;
}
.pro-page .pro-3 {
  width: 56.302vw;
  margin: 5.4167vw auto 7.448vw;
}
.right-box {
  position: fixed;
  right: 3.8vw;
  top: 50%;
  margin-top: -8.125vw;
  width: 8vw;
  display: none;
}
.right-box .btn {
  position: absolute;
  width: 100%;
  height: 2.6125vw;
  bottom: 0;
  cursor: pointer;
}
.dialog-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  display: none;
}
.dialog-box {
  width: 52vw;
  padding: 3vw 1vw; 
  background: #fff;
  box-sizing: border-box;
  border-radius: 1vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.dialog-box .title{
  font-size: 2.08vw;
  font-weight: bold;
  color: #016ecb;
  text-align: center;
  margin-bottom: 2vw;
}
.dialog-box .dialog-body {
  padding: 1vw;
  max-height: 24vw;
  overflow-y: auto;
}
.dialog-box .dialog-body p {
  font-size: 0.8vw;
  color: #222222;
  line-height: 2;
  text-align: justify
}
.btn-close {
  cursor: pointer;
  width: 2vw;
  height: 2vw;
  position: absolute;
  bottom: -3.2vw;
  left: 50%;
  transform: translate(-50%, 0)
}
.pc- {
  display: block;
}
.mobile- {
  display: none;
}
@media screen and (min-width: 240px) and (max-width: 799px){
  .mobile- {
    display: block;
  }
  .pc- {
    display: none;
  }
}