body, footer, h1, h2, h3, h4, h5, h6, header, html, ol, p, ul {
  padding:0;
  margin:0
}
body {
  font-family:'PingFang SC', 'Helvetica Neue', Helvetica, STHeitiSC-Light, Arial, sans-serif;
  font-size:15px;
  color:#19191a;
  background-color:#fff;
  -webkit-tap-highlight-color:transparent
}
a {
  text-decoration:none
}
:link img, :visited img, a img {
  border:0
}
h1, h2, h3, h4, h5, h6 {
  -webkit-margin-before:0;
  -webkit-margin-after:0
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ol, ul {
  list-style:none
}
header .nav {
  height:80px
}
header .nav-inner {
  margin:0 auto;
  padding-top:19px;
  box-sizing:border-box;
  width:1280px;
  height:80px
}
.nav-inner .title {
  width:171px;
  height:46px;
  background-image:url(../assets/title.png);
  background-size:cover;
  background-repeat:no-repeat
}
.nav-inner .nav-list {
  float:right;
  margin-top:-6px
}
.nav-list li {
  float:right;
  margin-left:93px;
  padding:12px 0
}
.nav-list li a {
  color:#323233;
  font-size:20px;
  font-weight:300
}
.nav-list .active a, .nav-list li a:hover {
  font-weight:500;
  color:#1f2952
}
.nav-list li:last-child {
  margin-left:0
}
.nav-list .active {
  border-bottom:4px solid #1f2952
}
.nav-list li.active a {
  cursor:default
}
header .header-img {
  min-width:1280px;
  max-width:1920px;
  height:480px;
  background-image:url(../assets/header-img.jpg);
  background-position:center center;
  background-size:cover
}
.box-cont .left, .box-cont .right {
  display:none
}
@media screen and (min-width:1921px) {
  .box-cont {
    display:flex
  }
  .box-cont .header-img {
    width:1920px
  }
  .box-cont .left {
    display:block;
    height:480px;
    flex-grow:1;
    background:url(../assets/left.png)
  }
  .box-cont .right {
    display:block;
    height:480px;
    flex-grow:1;
    background:url(../assets/right.png)
  }
}
footer {
  min-width:1280px;
  height:110px;
  background-color:#1f2952
}
footer .bottom-word {
  position:relative;
  margin:0 auto;
  color:#67799b;
  font-size:20px;
  line-height:110px;
  height:110px;
  width:290px;
  text-align:center;
  font-weight:400
}
footer .bottom-word::after, footer .bottom-word::before {
  position:absolute;
  top:50%;
  background:#67799b;
  content:"";
  height:1px;
  width:24px
}
footer .bottom-word::before {
  left:0
}
footer .bottom-word::after {
  right:0
}

.feedback .rightButton{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  right: 40px;
  bottom: 162px;
  z-index: 999;
  width: 80px;
  height: 80px;
  background: #F7F8FA;
  box-shadow: 0 8px 13px -5px rgba(120,120,120,0.50);
  border-radius: 10px;
  cursor: pointer;
}
.feedback .feedmodel{
  position: fixed;
  z-index: 9999;
  top: calc(50% - 190px);
  left: calc(50% - 301px);
  background: #F7F8FA;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.15);
  border-radius: 2px;
  padding: 0 32px;
  display: none;
}
.feedback .successMode{
  height: 160px;
  background: #F7F8FA;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.15);
  border-radius: 2px;
  display: none;
  position: fixed;
  top: calc(50% - 80px);
  left: calc(50% - 180px);
  z-index: 99999;
  width: 360px;
}
.feedback .successMode > p:nth-child(1){
  height: 36px;
  line-height: 36px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #313132;
  text-align: center;
  margin-top: 10px;
}
.feedback .successMode > p:nth-child(2){
  height: 48px;
  line-height: 48px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #313132;
  margin-top: 10px;
  text-align: center;
}
.feedmodel>.model-title{
  margin-top: 10px;
  height: 36px;
  line-height: 36px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #313132;
  text-align: center;
}
.feedmodel .text{
  margin-bottom: 20px;
}
.feedmodel .text .text-tip{
  margin: 10px auto;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #313132;
  line-height: 48px;
  height: 48px;
}
.feedmodel .text textarea{
  padding: 2px;
  outline: none;
  width: 532px;
  height: 87px;
  background: #FFFFFF;
  border: 1px solid #C6C8D1;
  border-radius: 2px;
  resize:none
}
.feedmodel .input-area{
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
}
.feedmodel .input-area img{
  width: 70px;
  height: 28px;
}
.feedmodel .input-area span{
   font-family: PingFangSC-Regular;
   font-size: 12px;
   color: #313132;
}
.feedmodel .input-area input{
  outline: none;
  width: 97px;
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #C6C8D1;
  border-radius: 2px;
  margin-right: 18px;
}
input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.feedmodel .error-tip{
  margin: 10px auto;
  ont-family: PingFangSC-Regular;
  font-size: 12px;
  color: #F84A4A;
  letter-spacing: 0;
  line-height: 16px;
}
.feedmodel .button-area{
  height:64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedmodel .button-area p{
  cursor: pointer;
  text-align: center;
  width: 80px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  letter-spacing: 0;
  margin: auto 8px;
}
.button-area p.close{
  background: #E1E2E6;
  color: #717172;
}
.button-area p.submit{
  background: #3F69F2;
  color: #FFFFFF;
}

.about-us, .container-inner h3 {
  min-width:1280px
}
@media screen and (max-width:1440px) {
  .container .shadow-base, .shadow-base .border-shadow {
    width:100%
  }
}
@media screen and (min-width:1441px) {
  .container .shadow-base, .shadow-base .border-shadow {
    width:1440px
  }
}
.container .shadow-base {
  position:relative;
  height:685px;
  margin:0 auto;
  min-width:1280px
}
.shadow-base .border-shadow {
  position:absolute;
  left:0;
  top:-130px;
  z-index:111;
  height:204px;
  background-image:url(../assets/border-shadow.png);
  background-position:center center;
  background-size:cover
}
.shadow-base .container-inner {
  position:relative;
  z-index:222;
  margin:0 auto;
  max-width:1280px;
  height:685px
}
.container-inner .prod-title {
  position:relative;
  margin:0 auto;
  font-size:24px;
  width:157px;
  text-align:center;
  font-weight:500
}
.midline::after, .midline::before {
  position:absolute;
  top:50%;
  margin-top:-2px;
  background:#afb0b3;
  content:"";
  height:4px;
  width:16px
}
.midline::before {
  left:0
}
.midline::after {
  right:0
}
.prod-img .prod1, .prod-img .prod2, .prod-img .prod3 {
  background-size:cover;
  top:50px
}
.container-inner .list {
  position:relative;
  height:240px;
  padding:50px
}
.container-inner .prod-img {
  padding-bottom:0
}
.container-inner .list li {
  position:absolute;
  width:360px;
  height:240px
}
.prod-img li {
  cursor:pointer
}
.prod-img .prod1 {
  left:50px;
  background-image:url(../assets/prod1.jpg)
}
.prod-img .prod2 {
  left:460px;
  background-image:url(../assets/prod2.jpg)
}
.prod-img .prod3 {
  left:870px;
  background-image:url(../assets/prod3.jpg)
}
.prod-detail .prod1 {
  top:50px;
  left:50px
}
.prod-detail .prod2 {
  top:50px;
  left:460px
}
.prod-detail .prod3 {
  top:50px;
  left:870px
}
.prod .word {
  position:absolute;
  top:50%;
  left:50%;
  font-size:32px;
  color:#fff;
  height:32px;
  line-height:32px;
  margin-left:-105px;
  margin-top:-16px;
  text-align:center;
  text-shadow:2px 2px 8px #4f4f50, -2px -2px 8px #4f4f50
}
.prod .word::after, .prod .word::before {
  height:3px;
  background:#fff
}
.prod .word1 {
  width:210px
}
.prod .word2, .prod .word3 {
  width:186px
}
.container-inner .prod-detail li {
  height:245px
}
.prod .item {
  position:relative;
  margin-bottom:55px
}
.prod .left {
  position:absolute;
  width:46px;
  height:46px;
  border:1px dotted #c5c5c8;
  border-radius:46px;
  background-position:center center;
  background-repeat:no-repeat
}
.prod .item1 {
  background-image:url(../assets/item1.png)
}
.prod .item2 {
  background-image:url(../assets/item2.png)
}
.prod .item3 {
  background-image:url(../assets/item3.png)
}
.prod .item4 {
  background-image:url(../assets/item4.png)
}
.prod .item5 {
  background-image:url(../assets/item1.png)
}
.prod .item6 {
  background-image:url(../assets/item5.png)
}
.prod .item7 {
  background-image:url(../assets/item6.png)
}
.prod .item8 {
  background-image:url(../assets/item7.png)
}
.prod .item9 {
  background-image:url(../assets/item8.png)
}
.prod .right {
  margin-left:66px
}
.right h4 {
  font-weight:500;
  color:#19191a;
  font-size:20px;
  line-height:28px
}
.right p {
  color:#7d7e80;
  font-size:14px;
  margin-top:2px;
  font-weight:400
}
.about-us {
  height:510px;
  background-color:#f7f8fc
}
.about-us h3 {
  padding-top:70px;
  margin-bottom:45px
}
.about-us .prod-title {
  font-weight:500;
  position:relative;
  margin:0 auto;
  font-size:24px;
  width:157px;
  text-align:center
}
.about-us .article {
  margin:0 auto;
  max-width:1168px
}
.article p {
  font-weight:400;
  font-size:18px;
  margin-bottom:40px;
  text-align:justify;
  line-height:1.8
}