html, body {
  width: 100%;
  margin:0;
  padding:0;
  /* font-family:PingFangSC-Regular, STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif; */
  background: #F5F5F5;
  height:100%; position: relative;
  -webkit-text-size-adjust:none;
  overflow-x:hidden;
}
* {touch-action: pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ul{display:block;margin:0;padding:0;}
li{list-style-type:none;}
a{text-decoration:none;}
p, dl, dd, dt, input{margin:0;}
input{padding:0;}
a,
a:active,
a:hover,
a:focus,
input:focus{outline:0;outline-style:none;color:#666666;}
:focus{outline-style:none;-webkit-outline-style:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbbbbb;padding-left:.3125rem;
}
div[v-cloak]{display:none;}
h2{margin:0;padding:0;}
.clearall{width:0px;height:0px;display:block;float:left; content: ' ';overflow:hidden;clear:both;}



:root{
    --pxp: calc(100vw / 2760);
}
.contain{
    /* width: 65.36%; */
    width:calc(100vw * 1766 / 2760);
    margin: 0 auto;
}
/* icon */
.icon{
    position: fixed;
    right: calc(100vw * 80 / 2760);
    top: 30%;
    z-index: 99999;
}
.icon img{
    display: block;
    width: calc(100vw * 86 / 2760);
}
.icon a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
/* nav */
.nav{
    width:100%;
    height:calc(100vw * 139 / 2760);
    background:url("../image/common/nav/bcg.jpg?nc=1236") no-repeat center;
    background-size:100% 100%;
}
.nav-inner{
    width:calc(100vw * 2560 / 2760);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 calc(100vw * 10 / 2760);
    /* padding: 0 3.6%; */
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}
.logo,.tabs{
    height:100%;
    display:flex;
    align-items:center;
}
.logo img{
    display:block;
    height:calc(100vw * 42 / 2760);
    width:auto;
}
.tabs img{
    display:block;
    height:calc(100vw * 31 / 2760);
    width:auto;
    max-width:100%;
}
.logo .to_logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tabs,.logo{position: relative;}
.tabs a{position: absolute;top: 0;height: 100%;}
.to_home{left: 0;width: 30%;}
.to_detail{left: 33.3%;width: 38%;}
.to_form{left: 73%;width: 30%;}
/* 2.banner */
.banner{
    width:100%;
}
.banner .swiper-container {
      width: 100%;
      height: 100%;
}
.banner .swiper-slide {
    width: 100%;
}
.banner .swiper-slide img{
    display:block;
    width:100%;
}
/*footer*/
.footer{width: 100%;}
.footer img{
  display: block;
  width: 100%;
}
textarea.remark{
    color: #bbb;
    outline:none;
}
textarea.remark:focus{
    color: #000000;
    outline:none;
}