.index-container{ padding: 0px 7vw; display:block; display:flex; justify-content: space-between }
/*  */
.index-two{position: relative;}
.index-two .intw-title{width:100%;overflow: hidden; position: absolute; top: 82px;z-index: 11;}
.intw-title .ino-tit{text-align: center;color: #fff;position: relative;}
.intw-title .ino-dec{position: relative; text-align: center;color: rgba(255,255,255,1); font-family: HerrVonMuellerhoff; font-size:60px; }
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.intw-title .ino-dec{font-size:40px; height:60px; line-height:60px}

}

.gallery-top {width: 100%;}
.intw-swiper .swiper-slide img{width: 100%;overflow: hidden;}
.intw-swiper .dot-active{display: none;}
.index-two .pc-nav{display: block;}
.pc-nav .intw-nav{width:100%;
  /* overflow: hidden;  */
   position: absolute;bottom: 7.5%;z-index: 11;background: url(../images/index-ruler.png) repeat-x bottom;
  background-size: 196px 25px;}
.intw-pagination{
  /* overflow: hidden; */
}
.intw-nav .intw-page{position: relative; opacity: 1;width: auto; height: auto; display: block;border-radius: 0;
  background: none; float: left;padding-bottom: 46px;cursor: pointer; flex:1; margin-left:10%
}


 line{ width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;}
.intw-nav .intw-page:last-child{margin-right: 0;}
.intw-icon{margin: 0 auto;overflow: hidden;}
.intw-icon img{display: block;width:23%;transition: all .5s;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.intw-icon img{display: block;width:70px;transition: all .5s;}
}


.intw-page h3,.gallery-thumbs .dot h3{font-size: 22px;color: #fff;text-align: left;line-height: 20px;font-weight: normal;
  margin-top: 30px;margin-bottom: 10px;}
.intw-nav .intw-page .dot-active{display: none;width: 380px;position: absolute; bottom: 140px; z-index: 111;left: -80px;}
.intw-nav .intw-page .dot-active.on{width: 280px;left: -120px;bottom: 113px;}

.intw-nav .intw-page:first-child .dot-active{left: 0;}
.intw-page .dot-active .dot-cont{width: 100%;overflow: hidden;}
.intw-page .dot-active .dot-cont::after{content: '';width: 1px;height: 340px;position: absolute;left: 85px;top: -3px;
  background: rgba(255, 255, 255, .3);}
.intw-nav .intw-page:first-child .dot-active .dot-cont::after {left: 78px;}
.intw-nav .intw-page.swiper-pagination-bullet-active .dot{display: none;}
.dot-active .dot-cont .num{width:74px;font-size: 70px;font-family: 'Helvetica-Neue-Light-2_0';color: #c5c5c7;float: left;line-height: 60px; }
.dot-active .dot-cont .num-txt{width: 75%;float: right;}
.dot-active.on .dot-cont .num-txt{width: 67%;}

.intw-nav .intw-page:first-child .dot-active .dot-cont .num-txt {width: 76%;}
.dot-cont .num-txt h4{font-size: 32px;color: #fff;line-height: 42px;margin-bottom: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}

.dot-cont .num-txt h6{ font-size:28px;font-family:HerrVonMuellerhoff; color:#fff ; font-weight:normal; margin-top:0; margin-bottom:2%} 
@font-face {
	font-family:HerrVonMuellerhoff;
	src: url('../fonts/HerrVonMuellerhoff-Regular.woff.ttf'); }
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  
.dot-cont .num-txt h4{font-size: 22px;color: #fff;line-height: 22px;margin-bottom: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}

}
.dot-cont .num-txt p{font-size: 18px;color: #fff;line-height: 26px;height: 52px;}
.dot-cont .num-txt span a{ background:rgb(195,151,83,.3); width:80px; height:30px; text-align:center; line-height:30px; color:#fff; display:block; font-size:11px; text-align:center; text-transform:uppercase; text-decoration:none; font-size:11px!important; font-family:Arial, Helvetica, sans-serif; border:1px #c39753 solid ; transition:all 0.4s}
.dot-cont .num-txt span{ font-size:11px;}
.dot-cont .num-txt span a:hover{ background:#b57e2a;  transition:all 0.4s}

.intw-nav .intw-page.swiper-pagination-bullet-active .dot-active{display: block;}
.intApp-nav .dot {padding-bottom: 31px;}
.intApp-nav{display: none;width:100%;}
.intApp-nav .dot h3{color: #333;font-size: 18px;line-height: 18px;margin-top: 18px;}
.intApp-nav .gallery-thumbs{overflow-y: visible !important;}
.intApp-nav  .intw-nav .intw-page{margin-right: 0;}
.intApp-nav .dot-active .intw-icon{margin: 0 0 12px;overflow: hidden;}
.intApp-nav .dot-active {display: block;width: 100%;height: 100%;transition: all .5s;}
.intApp-nav .dot-active .dot-cont::after{height: 266px;left: 92px;}
.intApp-nav .dot-active .dot-cont .num{font-size: 80px;color: rgba(255, 255, 255, 0.1);width: auto;}
.intApp-nav .dot-cont .num-txt h4{font-size: 22px;}
.intApp-nav .dot-cont .num-txt p{font-size: 17px;}
.intApp-nav .intw-swiper .dot-active{display: block;}
/* .intApp-nav .gallery-thumbs .swiper-slide.active-nav .dot1{ width: 30px;height: 30px;}
.intApp-nav .gallery-thumbs .swiper-slide{cursor: pointer;width: 12%;}
.intApp-nav .gallery-thumbs .swiper-slide-active {opacity: 1;} */
.intw-more{border: 1px solid #000;padding: 12px 20px;width: 140px;margin: 0 auto;display: none;}
.intw-more a{color: #000;font-size: 14px;line-height: 14px;display: inline-block;width: 110px;background: url(../images/black-jt.png) no-repeat right 6px center;
  background-size: 22px 11px; transition: all .5s;}
.intw-more:hover a{background-position: right 0 center;}
/*  */
.index-three{padding: 100px 0;}
.index-three .ino-tit{text-align: center;}
.index-three .ino-dec{text-align: center;}
.index-three .swiper-container {width: 100%;height: 100%;}
.index-three .inth-swiper{
  margin-top: 56px;position: relative;width: 100%;}
#certify {position: relative;z-index: 3;width: 100%;}
#certify .swiper-slide{ width: 510px; position: relative;}
#certify .m-pic{width: 510px;height: 630px; background: #fff;margin:0 auto;position: relative;}
#certify .m-pic:before{content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.5);
  position: absolute;top: 0;left: 0;transition: all 0.4s;}
#certify .swiper-slide img{
    width: 100%; height: 100%;max-width: 100%;max-height: 100%;overflow: hidden;}
.inth-swiper{position: relative;}
.inth-swiper .swiper-button-prev{ transition: ease .5s; font-size: 36px; width: 105px;height: 105px;
color: #231916;background: transparent;opacity: 1;left:27.9%;border: 1px solid #000;
  margin-top: 11%;text-align: center;line-height: 105px;}
.inth-swiper .swiper-button-next{transition: ease .5s;font-size: 36px;width: 105px;height: 105px;
color: #231916;background: transparent;opacity: 1;right: 27.1%;background-image: none;border: 1px solid #000;
  margin-top: 11%;text-align: center;line-height: 105px;}
.inth-swiper .swiper-button-prev:hover,.inth-swiper .swiper-button-next:hover{background:rgba(35,25,22, 1);color: #fff;border-color: transparent;}
#certify .swiper-slide-active .m-pic:before,#certify .swiper-slide-prev .m-pic:before,#certify .swiper-slide-next .m-pic:before{opacity: 0;}
/*  */
.index-four{padding-top: 132px;}
.inf-box{width: 100%;position: relative;}
.inf-box .inf-left{width: 49.6%;position: absolute;left: 0;top: -72px; z-index: 11;background: url(../images/index-img8.jpg) no-repeat;background-size: cover;}
.inf-left .infl-cont{padding: 163px 33px 145px 38px;}
.inf-left li{width: 33.3333333%;float: left;text-align: center;padding-bottom: 65px;border-right:1px solid rgba(255, 255, 255, .1);border-bottom: 1px solid rgba(255, 255, 255, .1);}
.inf-left li:nth-child(3){border-right: transparent;}
.inf-left li:nth-child(n+4){padding-top: 50px;padding-bottom: 0;border-bottom: transparent;}
.inf-li .inf-icon{margin: 0 auto;width: 68px;height: 57px;}
.inf-li .inf-icon img{display: block;width: 100%;}
.inf-li:hover .inf-icon img{ animation: swing;animation-duration: .8s;cursor: pointer;}
.inf-li h3{height: 60px;color: #fff; overflow: hidden; font-size: 16px;margin-top: 20px;}
.inf-li h3 span{font-size: 60px;font-family: 'DIN1451';}
.inf-li h3 i{font-style: normal;font-size: 56px;}
.inf-li p{font-size: 16px;color: #fff;line-height: 20px;margin-top: 4px;}
.inf-box .inf-right{width: 53.1%;float: right;background: url(../images/index-img9.jpg) no-repeat;background-size: cover;}
.inf-right .infr-cont{padding: 111px 103px 145px 128px;}
.infr-cont .ino-tit{color: #fff;}
.infr-cont .ino-dec {color: rgba(255, 255, 255, .8);margin-top: 22px;}
.infr-cont .infr-p{margin: 50px 0;}
.infr-p p{color: rgba(255, 255, 255, .6);font-size: 16px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.inf-more .more-tit{color: #fff;margin-top: 112px;}
/*  */
.index-five{
  padding: 100px 0 79px;
}
.index-five .inv-cont{  width: 75.5% !important;
  margin: 0 auto;}
.index-five .ino-tit{text-align: center;}
.index-five .inv-box{
  width: 75.38%; margin: 0 auto;margin-top: 58px; border-top: 2px solid #a0a0a0;}
.inv-box ul li{width: 100%;float: left;border-bottom: 1px solid #e8e8e8;position: relative;}
.inv-box .inv-list{ display: block;position: relative;}
.inv-list span{display: inline-block;float: left;color: #888;}
.inv-list span.time{font-size: 16px;line-height: 98px;margin-right: 64px;}
.inv-list .inv-tit p{font-size: 18px;color: #333;display: inline-block;padding-left: 20px;line-height: 98px;    width: 58%;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inv-list .inv-tit span{border: 1px solid #a6a6a6;font-size: 14px;color: #a9a9ae;
padding: 8px 6px;margin-top: 30px; transition: all .8s linear;}
.inv-list i{font-size: 24px;color: #959595;font-weight: lighter;display: inline-block;position: absolute; right:0;line-height: 98px;}
.inv-box li::after {position: absolute; content: '';width: 0%;height: 1px; background: rgba(35,25,22, .5);left: 0;
  bottom: 0px; z-index: 111; transition: all .8s linear;}
.inv-box li:hover span{border-color: rgba(35,25,22, .9);color: rgba(35,25,22, .9);}
.inv-box li:hover::after{width: 100%;}
.inv-box li:hover p ,.inv-box li:hover .inv-list i{color: rgba(35,25,22, .9);}
@media only screen and (min-width: 1660px) and (max-width: 1880px) {
  .more {width: 226px;}
  .ino-tit{font-size: 50px;line-height: 50px;}

  

  .dot-active .dot-cont .num{font-size: 74px;}
  .inf-li h3 span{font-size: 52px;}
}
@media (max-width:1659px){
  /*  */
  .index-one{background-size: 380px 438px;}
  .ino-tit{font-size: 40px;line-height: 40px;}
  .ino-dec{font-size: 16px;line-height: 16px;}
  .ino-cont { margin-top: 58px;margin-bottom: 140px;}
  /*  */
  .intw-nav .intw-page{margin-right: 100px;}
  .intw-nav .intw-page .dot-active{width: 322px;bottom: 100px;left: -94px;}
  .intw-nav .intw-page:first-child .dot-active .dot-cont::after {left: 64px;}
  .intw-page .dot-active .dot-cont::after{left: 70px;height: 275px;}
 


  .dot-active .dot-cont .num{font-size: 66px;}
  .dot-cont .num-txt h4{font-size: 20px;line-height: 20px;}
  .intw-page h3{font-size: 20px;margin-top: 20px;}
  .dot-cont .num-txt p{font-size: 16px;}

  /*  */
  .inf-li h3 span{font-size: 50px;}
  .inf-right .infr-cont{padding-bottom: 110px;}
  .inf-more .more-tit{margin-top: 98px;}
}
@media (max-width:1359px){
/*  */
.index-one {background-size: 280px 330px;}
.ino-tit { font-size: 34px;line-height: 34px;}
.ino-right{width: 40%;padding-top: 20px;}
.ino-cont {margin-top: 40px; margin-bottom: 65px;}
.ino-cont p{font-size: 15px;margin-bottom: 15px;}
.ino-dec{line-height: 26px;}
/*  */
.intw-nav .intw-page{margin-right: 68px;padding-bottom: 40px;}
.intw-icon {width: 44px;}
.intw-swiper .swiper-slide img { height: 520px;}
.dot-active .dot-cont .num {width: 60px;font-size: 52px;line-height: 48px;}
.intw-nav .intw-page .dot-active {width: 266px;bottom: 64px;left: -96px;}
.intw-nav .intw-page:first-child .dot-active{width: 270px;}
.intw-nav .intw-page:first-child .dot-active .dot-cont::after {left: 50px;}
.intw-nav .intw-page:first-child .dot-active .dot-cont .num-txt {width: 78%;}
.intw-page .dot-active .dot-cont::after{height: 229px;left: 59px;}
.dot-cont .num-txt h4{margin-bottom: 10px;}
.dot-cont .num-txt p {font-size: 15px;height: 48px;}
.intw-page h3 {font-size: 18px;margin-top: 15px;margin-bottom: 5px;}

.intw-nav .intw-page:last-child .dot-active {width: 168px;left: -108px;bottom: 60px;}

/*  */
.inf-left li{padding-bottom: 30px;}
.inf-left .infl-cont {padding: 120px 30px 110px 35px;}
.inf-li h3{height: 38px;margin-top: 10px;}
.inf-li h3 span {font-size: 38px;}
.inf-left li:nth-child(n+4){padding-top: 25px;}
.inf-li h3 i{font-size: 32px;}
.inf-li p{font-size: 14px;}
.inf-right .infr-cont {padding: 80px 60px 90px 80px;}
.infr-cont .infr-p { margin: 30px 0;}
.infr-p p{font-size: 14px;line-height: 26px;}
.inf-more .more-tit{margin-top: 30px;}
.inf-li .inf-icon{width: 56px;height: auto;}
/*  */
.inv-list span.time{font-size: 15px;line-height: 76px;margin-right: 56px;}
.inv-list .inv-tit span{margin-top: 22px;padding: 5px;}
.inv-list .inv-tit p{font-size: 16px;padding-left: 20px;line-height: 76px;}
.inv-list i{line-height: 76px;font-size: 20px;}
}
@media (max-width:991px){
  /*  */
  .index-one { background-size: 240px 267px;}
  .ino-right{padding-bottom: 25px;}
  .ino-tit {font-size: 30px;line-height: 30px;}
  .ino-dec{margin-top: 12px;font-size: 15px;}
  .ino-cont { margin-top: 20px;margin-bottom: 26px;}
  .ino-cont p {font-size: 14px;margin-bottom: 10px;}
  .ino-cont p span{margin-right: 10px;}
  /*  */
  .pc-nav {display: none !important;}
  .intApp-nav{display: block !important;}
  /*  */
  .index-four {padding-top: 74px;}
  .inf-li .inf-icon {width: 50px;height: auto;}
  .inf-li h3 {height: 32px;margin-top: 6px;}
  .inf-li h3 span {font-size: 32px;}
  .inf-box .inf-left{width: 100%;position: relative;}
  .inf-box .inf-right{width: 100%;margin-top: 20px;}
  /*  */
  .index-five {padding: 80px 0 79px;}
  .inv-list span.time {font-size: 14px;line-height: 60px;margin-right: 18px;}
  .inv-list .inv-tit span {font-size: 13px;margin-top: 14px;padding: 5px;}
  .inv-list .inv-tit p {font-size: 15px;padding-left: 12px;line-height: 60px;}
  .inv-list i {line-height: 60px;font-size: 16px;}
}
@media (max-width:767px){
  .index-one{padding: 40px 0;}
  .ino-tit {font-size: 22px;}
  .ino-dec {margin-top: 8px;line-height: 24px;}
  .ino-left{width: 100%;}
  .ino-right{width: 100%;padding-bottom: 0;}
  .index-one {background-size: 200px 210px;}
  .ino-more .more-tit{background-size: 21px 13px;}
  /*  */
  .index-two .intw-title{top: 40px;}
  .gallery-top {margin-bottom: 30px;}
  .intw-more{display: block;}
  .intApp-nav .intw-swiper .dot-active{top: 60%;width: 320px;}
  .intApp-nav .dot-active .dot-cont .num{font-size: 60px;width: 60px;}
  .intApp-nav .dot-active .intw-icon{margin-bottom: 8px;}
  .intApp-nav .dot-cont .num-txt{width: 240px;}
  .intApp-nav .dot-cont .num-txt h4{font-size: 18px;margin-bottom: 6px;}
  .intApp-nav .dot-cont .num-txt p{font-size: 15px;line-height: 24px;}
  .intApp-nav .dot-active .dot-cont::after{left: 67px;}
  .intApp-nav .intw-swiper .dot-active{top: 58%;}
  /*  */
  .index-three {padding: 40px 0;}
  .index-three .inth-swiper{margin-top: 26px;}
  .intw-swiper .swiper-slide img { height: 420px;}
  .inth-swiper .swiper-button-prev,.inth-swiper .swiper-button-next{width: 42px;
    height: 42px;font-size: 20px;line-height: 42px;}
  .inth-swiper .swiper-button-prev, .inth-swiper .swiper-button-next{margin-top:180px;}
  #certify .m-pic { width: 250px;height: 316px;}
  #certify .swiper-container-autoheight .swiper-wrapper{height: auto;}
  /*  */
  .index-four{padding-top: 0;margin-top: 50px;}
  .inf-box .inf-left{position: unset;top: 0;}
  .inf-left .infl-cont {padding: 40px 15px 30px;}
  .inf-li .inf-icon{width: 42px;}
  .inf-li h3{height: auto;font-size: 13px;}
  .inf-li h3 span {font-size: 22px;}
  .inf-li h3 i {font-size: 20px;}
  .inf-li p {font-size: 13px;line-height: 18px;margin-top: 0;}
  .inf-left li {padding-bottom: 15px;}
  .inf-left li:nth-child(n+4) {padding-top: 14px;}
  .inf-right .infr-cont {padding: 40px 20px;}
  .infr-cont .ino-dec{margin-top: 12px;}
  .infr-cont .infr-p {margin: 15px 0;}
  .infr-p p{line-height: 22px;}
  .inf-more .more-tit {margin-top: 15px;}
  /*  */
  .index-five{padding: 40px 0;}
  .index-five .inv-box{width: 100%;margin-top: 25px;border-top: 1px solid #a0a0a0;}
  .index-five .inv-cont{width: 90% !important;}
  .inv-list .inv-tit span{margin-top: 10px;font-size: 12px;padding: 4px;}
  .inv-list span.time{line-height: 46px;margin-right: 12px;font-size: 13px;max-width: 26%;display: block;}
  .inv-tit{width: 69%;display: inline-block;}
  .inv-list .inv-tit p {font-size: 14px;line-height: 46px;}
  .inv-list i {line-height: 46px;}
}
@media (max-width:320px){  
  .intApp-nav .intw-swiper .dot-active{width: 300px;}
  .inth-swiper .swiper-button-prev, .inth-swiper .swiper-button-next{margin-top: 53%;}
}


/*===内页公共样式===*/
.ny-banner {position: relative;width: 100%;overflow: hidden;}
.ny-banner img {display: block;width: 100%;height: 100%;}
.ny-banner img.ny-app { display: none;}
.ny-font {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
.ny-tit {font-size: 50px; color: #fff;line-height: 49px;text-align: center;justify-content: center;}
.pagee {text-align: center;position: relative;}
.pagee a{ display:inline-block;width: 38px; height: 38px; font-size: 18px;color: #666;text-align: center;line-height: 38px;
  border-radius: 50%;font-family: 'DIN';margin: 0 8px;transition: all .5s;}
.pagee a.zz{display:none;}
.pagee a:hover,.pagee a.on{color: #fff; background: #231916;}
.pagee a.prev,.pagee a.next{font-size: 18px;margin: 0 25px ;font-weight: bolder;width:38px;height: 38px;
color: #333;text-align: center;line-height: 38px;transition: all .5s;}
.pagee a:hover i,.pagee a.on i{color: #fff;}
.nei_anchor {padding: 15px 0;text-align: center;display: none;position: fixed;left: 0;top: 0;
  font-size: 0;width: 100%;z-index: 1001;background: #fff;box-shadow: 0px 0px 8px 0px #d6d6d6;}
.nei_anchor span {margin: 0 8px;text-align: center;height: 40px;width: 136px;line-height: 40px;
  display: inline-block; *display: inline; *zoom: 1;}
.nei_anchor span a {text-transform: uppercase;font-family: arial; height: 40px;font-size: 16px;color: #666;
  line-height: 40px;display: block;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;
  -o-transition: .5s;transition: .5s;position: relative;}
.nei_anchor span a:after {content: '';width: 1px;height: 17px;background: #dadada;position: absolute;
  right: 0;top: 50%;transform: translateY(-50%);}
.nei_anchor span:last-child a:after {display: none;}
.nei_anchor span:hover a,
.nei_anchor span.on a {color: rgba(35,25,22, .9);}
@media (max-width: 1519px) {
  .ny-tit { margin-top: 15px;font-size: 30px;line-height: 41px;}
}
@media (max-width: 1359px) {
  .ny-tit {margin-top: 10px;font-size: 28px;}
  .ny-font {top: 56%;}
}
@media (max-width:991px){
  .ny-banner img { height: 308px;}
  .ny-tit {font-size: 28px;line-height: 28px;}
}
@media(max-width: 767px) {
  .ny-banner img { height: 240px;}
  .ny-banner img.ny-pc { display: none;}
  .ny-banner img.ny-app {display: block;}
  .ny-tit {font-size: 22px;line-height: 34px;}
  .pagee a{ width: 30px;height: 30px;font-size: 16px;line-height: 30px;}
  .pagee a.prev, .pagee a.next { width: 30px; height: 30px; line-height: 30px; font-size: 16px;
    margin: 0px 15px;}
  .nei_anchor {display: none !important;}
  .ny-tit{margin-top: 0;}
  .ny-dec .ny-p { margin-top: 20px;}
}
/* ===============产品展示===============*/
.product,.proinfo{background: #fff;padding-bottom: 80px;}
.cont-title{font-size: 50px;color: #333;margin-top: 90px;text-align: center;display: block;}
.pro-one{width: 100%;margin-top: 60px;}
.pro-box{margin: -15px -15px 0 -15px;position: relative;}
.pro-left{width: 50%;float: left;padding: 15px;position: relative;}
.pro-right{position: absolute;width: 50%;height: 100%;right: 0;top: 0;}
.pro-left .pro-font1{position: absolute;bottom: 116px;left: 50%;transform: translateX(-50%);}
.pro-left .pro-font1 h3{color: #fff;font-size: 30px;margin-bottom: 15px;}
.pro-left .pro-font1 p{color: #fff;font-size: 16px;text-align: center;}
.pro-more{margin-top: 40px;border: 1px solid #fff;padding: 15px 30px;}
.pro-more span{color: #fff;font-size: 16px;line-height: 16px;display: inline-block;width: 108px;
  background: url(../images/white-jt.png) no-repeat right 8px center;transition: all .8s;}
.pro-more:hover span{background-position: right 0 center;}
.pro-top{width: 100%;padding: 15px 0;height: 50%;margin: 0 15px;}
.pro-bot{width: 100%;padding: 15px 0;height: 50%;margin: 10px 15px 0;}
.pro-top1,.pro-bot1{width: 100%;float: left;height: 100%;margin: 0 -15px;}
.pro-font1 h3{font-size: 16px;color: #333333;text-align: center;margin-top: 10px;}
.pro-top .pro-list,.pro-bot .pro-list {display: block;width: 50%;float: left;padding: 0 15px;}
.pro-item{position: relative;transition: all .5s;}
.pro-pic {width: 100%;overflow: hidden;transition: all 1s;}
.pro-top .pro-list .pro-pic img,.pro-bot .pro-list .pro-pic img{height: 391px;}
.pro-pic img {display: block;width: 100%;transition: all 1s;}
.pro-list:hover .pro-pic img{transform: scale(1.05); cursor: pointer;}
.pro-two{margin-top: 30px;}
.pro-two ul{margin: 0 -15px;padding-bottom: 60px;margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;}
.pro-two li{width: 25%;float: left;padding: 0 15px 15px;}
.pro-two .pro-list {display: block;}
.pro-right .pro-list:hover .pro-pic,.pro-two .pro-list:hover .pro-pic{box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
  transform: translateY(-6px);}
@media  (max-width:1519px) {
  .cont-title{font-size: 42px;}
  .pro-top .pro-list .pro-pic img, .pro-bot .pro-list .pro-pic img{height: 331px;}
}
@media  (max-width:1359px) {
  .cont-title {font-size: 38px;}
  .pro-left .pro-font1{ bottom: 75px;}
  .pro-left .pro-font1 h3{font-size: 26px;}
  .pro-left .pro-font1 p{font-size: 15px;}
  .pro-more{margin-top: 30px;padding: 12px 25px;}
  .pro-top .pro-list .pro-pic img, .pro-bot .pro-list .pro-pic img { height: 237px;}
  .pro-font1 h3{font-size: 15px;}
  .pro-more span{width: 95px; font-size: 15px;line-height: 15px;background-size: 24px 13px;}
}
@media  (max-width:991px) {
  .cont-title {font-size: 34px;}
  .pro-box {margin: -10px -10px 0 -10px;}
  .pro-left{padding: 10px;}
  .pro-left .pro-font1 {bottom: 54px;left: 49%;}
  .pro-font1 h3{font-size: 14px;}
  .pro-left .pro-font1 h3 {font-size: 22px;margin-bottom: 10px;}
  .pro-left .pro-font1 p {font-size: 14px;}
  .pro-more {margin-top: 20px;padding: 10px 20px;}
  .pro-more span {width: 84px;font-size: 14px;line-height: 14px;background-size: 20px 11px;}
  .pro-top{padding: 10px 0;margin: 0 10px;}
  .pro-top .pro-list, .pro-bot .pro-list{padding: 0 10px;}
  .pro-top .pro-list .pro-pic img, .pro-bot .pro-list .pro-pic img{height: 191px;}
  .pro-bot{padding: 10px 0;margin: 10px 10px 0;}
  .pro-top1, .pro-bot1{margin: 0 -10px;}
  .pro-two ul{margin: 0 -10px;margin-bottom: 30px;}
  .pro-two li{padding: 0 10px;}
}
@media  (max-width:767px) {
  .product{padding-bottom: 40px;}
  .cont-title {font-size: 28px;}
  .pro-one{margin-top: 30px;}
  .pro-left{width: 100%;}
  .pro-left .pro-font1 h3 {font-size: 18px;margin-bottom: 6px;}
  .pro-more {margin-top: 15px;padding: 8px 15px;}
  .pro-right{position: unset;width: 100%;}
  .pro-top1, .pro-bot1{margin-top: 10px;}
  .pro-two {margin-top: 40px;}
  .pro-two ul {padding-bottom: 25px;}
  .pro-two li {width: 50%;margin-bottom: 15px;}
  .pro-top .pro-list .pro-pic img, .pro-bot .pro-list .pro-pic img {height: auto;}
}

/* ===============产品详情============== */
.pri-tit{color: #333;font-size: 24px;}
.proinfo .pri-one{padding-top: 60px;padding-bottom: 60px; border-bottom: 1px solid #000;}
.proinfo .pri-left {width: 39.93%;float: left;}
.proinfo .pri-right{width: 60%;float: right;}
.pri-left .pri-font{padding: 70px 30px 70px 0;}
.pri-left .pri-font h3{font-size: 22px;color: #222222;margin-bottom: 46px;}
.pri-left .pri-font .pri-p{height: 78px;font-size: 16px;color: #666;line-height: 26px;margin-bottom: 30px;padding-right: 6px;}
.proinfo .pro-two ul{border-color: transparent;margin-bottom: 0;padding-bottom: 0;margin-top: 30px;}
.pri-item {margin-bottom: 45px;}
.pri-left .last-item{margin-bottom: 68px;}
.pri-top {cursor: pointer;position: relative;border-bottom: 1px solid #d9d9d9;padding-bottom: 15px;}
.pri-tig {position: absolute;right: 20px; top: 2px; height: 26px;width: 14px;}
.pri-tig::after {width: 14px; height: 2px;background: #333333;
  position: absolute;content: '';left: 0;top: 50%; margin-top: -1px;}
.pri-tig::before {width: 2px; height: 14px; background: #333333; position: absolute;content: ''; left: 50%;
 margin-left: -1px;top: 50%;margin-top: -7px;}
.pri-tle {margin-right: 20px;font-size: 16px;color: #333;line-height: 26px;}
.pri-pad {padding: 20px 22px 15px;background: #fff;}
.pri-pad h3 { margin-bottom: 14px;font-size: 18px;color: #333;line-height: 26px;}
.pri-pad p {font-size: 14px;color: #888; line-height: 26px;}
.pri-bot {display: none;}
.pri-item.open .pri-top {border-color: #333;}
.pri-item.open .pri-tig::before {opacity: 0;}
.pri-item.open .pri-tig::after {background: #333;}
.pri-item.open .pri-bot {display: block;}
.pri-more{margin-top: 40px;border: 1px solid #000;padding: 15px 30px;width: 164px;}
.pri-more a{color: #000;font-size: 16px;line-height: 16px;display: inline-block;width: 110px;background: url(../images/black-jt.png) no-repeat right 10px center;transition: all .5s;}
.pri-more:hover a{background-position: right 0 center;}
.pri-right .prir-left{width: 81.55%; float: left;}
.pri-right .prir-right{width: 11.67%; float: right;}
.jqzoom{background: white; position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:100%;height:100%;overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px; border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width: 100%;border: solid 1px transparent;}
.spec-scroll{width:100%;position: relative;margin-top: 16px;margin-right:-15px;}
.spec-scroll .prev{left: -30px;text-align: left;}
.spec-scroll .next{right: -30px;text-align: right;}
.spec-scroll .prev,.spec-scroll .next{z-index: 3;font-weight: bold; position: absolute;width:28px;
  height:20px;cursor:pointer;line-height: 20px;font-size: 16px;color: #999;left: 36%;
transform: rotate(90deg);}
.spec-scroll .prev{top: -40px; }
.spec-scroll .next{bottom: -30px;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #222;}
.spec-scroll .items{ width:100%;height: 670px;overflow: hidden;position: relative;margin-top: 40px;}
.spec-scroll .items ul{overflow: hidden;width: 100%;position: absolute;}
.spec-scroll .items ul li{width:100%;height: 116px; float: left;margin-bottom: 20px;}
.spec-scroll .items ul li img{width:100%;height:100%;background: white;}
.spec-scroll .items ul li p{color: #333;font-size: 16px;text-align: center;margin-bottom: 0px;}
.pir-swiper{display: none;position: relative;background: white;}
.pir-pic img{display: block;width: 100%;}
.pir-swiper .swiper-pagination{bottom: -30px;width: 100%;}
.pir-swiper .swiper-pagination-bullet{width: 8px;height: 8px;background:#888;opacity: 1;margin: 0 5px !important;}
.pir-swiper .swiper-pagination-bullet-active{background:rgba(35,25,22, .9);}
@media  (max-width:1519px) {
  .spec-scroll .items{height: 530px;}
  .pri-left .pri-font {padding: 40px 30px 40px 0;}
  .pri-left .pri-font h3{margin-bottom: 30px;}
}
@media  (max-width:1359px) {
  .spec-scroll .items {height: 350px;}
  .spec-scroll .items ul li{width: 62px;height: auto; margin-bottom: 15px;}
  .pri-left .pri-font .pri-p{font-size: 15px;}
  .pri-tle{font-size: 15px;}
  .pri-item {margin-bottom: 30px;}
  .pri-left .last-item {margin-bottom: 50px;}
  .pri-more{padding: 12px 23px; width: 150px;}
  .spec-scroll .prev, .spec-scroll .next{left: 22%;}
}
@media  (max-width:991px) {
  .pri-left .pri-font {padding: 20px 25px 20px 0;}
  .spec-scroll .items ul li{width: 50px;}
  .pri-left .pri-font h3 {margin-bottom: 18px;font-size: 18px;}
  .pri-left .pri-font .pri-p{font-size: 14px;}
  .pri-item {margin-bottom: 20px;}
  .pri-tle {font-size: 14px;}
  .pri-left .last-item { margin-bottom: 40px;}
  .spec-scroll .items { height: 298px;}
  .pri-more { padding: 12px 24px;width: 140px;}
  .pri-more a{width: 98px;font-size: 14px;line-height: 14px; background-size: 24px 13px;}
}
@media  (max-width:767px) {
  .proinfo {padding-bottom: 25px;}
  .proinfo .pri-one {padding-top: 40px;padding-bottom: 40px;}
  /* .proinfo .pri-right{width: 100%;}
  .pri-right .prir-right{width: 14.67%;} */
  .pri-right{display: none;}
  .pir-swiper{display: block;}
  .proinfo .pri-left{width: 100%;margin-top: 30px;}
  .pri-left .pri-font .pri-p{height: auto;}
  .pri-left .pri-font{padding-right: 0;padding-bottom: 0;}
  .pri-more {padding: 10px 15px; width: 120px;}
  .pri-more a {width: 96px; background-size: 20px 13px;}
  .pri-tit{font-size: 20px;}
}
/* @media  (max-width:420px) {
.spec-scroll .items {height: 178px;}
 .spec-scroll .prev, .spec-scroll .next {left: 15%;}
 .spec-scroll .prev {top: -38px;}
 .spec-scroll .prev, .spec-scroll .next {left: 15%;}
 .spec-scroll .next {bottom: -30px;}
 .spec-scroll .items ul li { width: 42px; margin-bottom: 10px;}
 .pri-left .pri-font h3 {margin-bottom: 12px;}
} */

/* ===============联系我们=============== */
.contact,.store,.news{background: #f5f5f5;padding-bottom: 80px;}
.contact-one{margin-top: 60px;}
.contact-one .cont-left{width: 50%;float: left;background: url(../images/contact-img1.jpg) no-repeat;
padding: 66px 60px 96px;}
.contact-one .cont-right{width: 50%;float: right;background: #fff;padding: 75px 68px 26px;}
.cont-left h3{font-size: 30px;font-weight:bold;color: #fff;display: block;}
.cont-left ul li{width: 100%;float: left;margin-top: 45px;}
.cont-left ul li:first-child{margin-top: 60px;}
.cont-left li .cont-icon{overflow: hidden;margin-bottom: 20px;}
.cont-icon img{display: block;}
.cont-left li h5{color: #fff;font-size: 16px;margin-bottom: 8px;}
.cont-left li:first-child h5{margin-bottom: 20px;}
.cont-left li p{font-size: 22px;color: #fff;font-family: 'DIN';}
.cont-left li:last-child p{font-size: 18px;color: #fff;}
.cont-right h4{color: #333;font-size: 22px;margin-bottom: 40px;display: block;}
.cont-input ul{margin: 0 -11px;}
.cont-input ul li{padding: 0 11px;width: 50%; float: left;}
.cont-input{background: #fff; width: 100%;}
.cont-input li p{ display: inline-block;width: 100%;color: #757575;border-bottom: 1px solid #f0f0f0;padding-bottom: 22px;}
.cont-input span{display: block;color: #333;font-size: 16px;font-family: 'DIN';margin: 16px 0;}
.cont-input .min-cont{display: block;font-size: 14px;color: #757575;}
.cont-input .min-textarea { resize: none;width: 100%; height: 110px;
  font-size: 14px;color: #757575;background: #fff;border-bottom: 1px solid #f0f0f0;}
.cont-sub{border: 1px solid #000;padding: 15px 37px;margin-top: 40px;}
.cont-sub .sub-tit{font-size: 16px;color: #000;margin: 0;display: inline-block;width: 76px;
  background: url(../images/black-jt.png) no-repeat right 6px center;text-align: left;transition: all .8s;}
.cont-sub:hover .sub-tit{background-position: right 0 center;}
 @media  (max-width:1359px) {
  .contact-one .cont-left{padding: 56px 50px 70px;}
  .cont-left ul li:first-child {margin-top: 50px;}
  .cont-left h3{font-size: 26px;}
  .contact-one .cont-right{padding: 60px 48px 14px;}
  .cont-right h4{margin-bottom: 30px;}
  .cont-sub{padding: 10px 32px;}
 }
 @media  (max-width:991px) {
  .contact-one .cont-left{width: 100%;background-size: cover;}
  .contact-one .cont-right{width: 100%;margin-top: 40px;}
 }
 @media  (max-width:767px) {
  .contact-one { margin-top: 32px;}
  .contact-one .cont-left {padding: 40px 30px 50px;}
  .cont-left h3 {font-size: 20px;line-height: 34px;}
  .cont-left ul li{margin-top: 30px;}
  .cont-left ul li:first-child {margin-top: 35px;}
  .cont-left li .cont-icon{margin-bottom: 12px;}
  .cont-left li:first-child h5 {margin-bottom: 10px;}
  .cont-left li p{font-size: 16px;}
  .cont-left li:last-child p{font-size: 14px;}
  .contact-one .cont-right{padding: 40px 30px 50px;}
  .cont-right h4{font-size: 20px;margin-bottom: 15px;}
  .cont-input ul li{width: 100%;}
  .contact, .store, .news{padding-bottom: 40px;}
  .cont-sub{padding: 8px 22px;margin-top: 32px;}
  .cont-sub .sub-tit{font-size: 14px; width: 58px;background-size: 22px 11px;}
  .cont-input li p{padding-bottom: 18px;}
  .cont-input span{font-size: 15px;margin: 8px 0;}
}

/* ==================线下门店============== */
.store-one{margin: 60px 0 80px;}
.store-one .store-cont{width: 64.29%;margin: 0 auto;}
.store-cont h3,.store-cont2 h3{font-size: 30px;color: #222;margin-bottom: 50px;text-align: center;}
.store-cont ul{margin: 0 -15px;}
.store-cont ul li{width: 33.3333333%;float: left;padding: 20px 15px;text-align: center;}
.store-cont .stor-list{background: #fff;padding: 34px 34px;height: 225px;}
.stor-list h5{font-size: 18px;color: #555;margin-bottom: 22px;}
.ab6-txt .stor-list h5{font-size: 16px;}
.store-cont li:last-child .stor-list h5{margin-bottom: 0;margin-top: 12px;}
.stor-list .stor-icon{margin: 16px auto;width: 135px;height: auto;text-align: center;}
/*.store-cont li:last-child .stor-icon{margin: 0 auto;}*/
.store-two .store-cont2{width: 100%;}
.store-cont2 .storw-ul {margin: 0 -20px;}
.store-cont2 .storw-ul .storw-li{width: 50%;float: left;padding: 0 20px;text-align: left;}
.storw-list{background: #fff;padding: 34px;transition: all .8s linear;}
.storw-top{border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;position: relative;}
.storw-top::after{position: absolute; content: '';width: 0%;height: 1px; background: rgba(35,25,22, .5);left: 0;
  bottom: -1px; z-index: 111; transition: all 1s linear;}
.storw-ul .storw-li:hover .storw-top::after{width: 100%;}
.storw-ul .storw-li:hover .storw-list{box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);}
.storw-top h4{font-size: 22px;color: #222;display: inline-block;}
.storw-top span{display: inline-block;float: right;background: url(../images/address1.png) no-repeat left top 0;font-size: 14px;color: #444;
  padding-left: 22px;transition: all .6s;}
.storw-li:hover .storw-list .storw-top span{background-image: url(../images/addressa1.png);color: #000;}
.storw-li li{width: 100%;float: left;margin-top: 28px;}
.storw-li li h5{font-size: 18px;color: #222;margin-bottom: 10px;}
.storw-li li p{font-size: 16px;color: #666;}
@media  (max-width:1519px) {
  .store-cont h3, .store-cont2 h3{font-size: 28px;}
  .store-cont .stor-list{padding: 28px;}
  .stor-list h5{font-size: 16px;}
  .storw-li li:first-child p{height: 50px;line-height: 26px;}
  .ab6-txt .stor-list h5{font-size: 14px;}
}
@media  (max-width:1359px) {
  .store-one .store-cont{width: 72%;}
  .store-cont ul{margin: 0 -10px;}
  .store-cont ul li{padding: 20px 10px;}
  .store-cont .stor-list { padding: 18px;height: 172px;}
  .stor-list h5 {font-size: 15px;line-height: 24px;}
  .stor-list .stor-icon{width: 68px;margin: 10px auto;}
  .ab6-txt .stor-list .stor-icon{width: 120px;margin: -3px auto;}
  /*.store-cont li:last-child .stor-list .stor-icon{width: 100px;}*/
  .stor-icon img{width: 100%;}
  .storw-top h4 {font-size: 20px;}
}
@media  (max-width:991px) {
  .store-cont h3, .store-cont2 h3 {font-size: 24px;}
  .store-cont .stor-list {padding: 15px;height: 160px;}
  .stor-list .stor-icon{width: 56px;}
  .ab6-txt .stor-list .stor-icon{width: 100px; margin: -4px auto;}
  /*.store-cont li:last-child .stor-list .stor-icon {width: 80px;}*/
  .stor-list h5{font-size: 14px;line-height: 22px;margin-bottom: 0;}
  .store-cont2 .storw-ul {margin: 0 -10px;}
  .store-cont2 .storw-ul .storw-li{padding: 0 10px;}
  .storw-list{padding: 20px;}
  .storw-top h4 {font-size: 18px;}
  .storw-top span{background-size: 14px;}
  .storw-li li{margin-top: 20px;}
  .storw-li li h5{font-size: 16px;}
  .storw-li li p{font-size: 14px; }
  .storw-li li:first-child p {height: 44px;line-height: 22px;overflow: hidden;}
}
@media  (max-width:767px) {
  .store-one{margin: 20px 0 30px;}
  .store-cont h3, .store-cont2 h3 {font-size: 20px;margin-bottom: 20px;}
  .store-cont ul {margin: 0 -6px;}
  .store-cont ul li{width: 50%;padding: 0 6px;margin-bottom: 12px;}
  .store-cont .stor-list{height: 150px;}
  .stor-list .stor-icon{width: 48px;}
  .ab6-txt .stor-list .stor-icon{width: 85px; margin: -4px auto;}
  /*.store-cont li:last-child .stor-list .stor-icon{width: 68px;}*/
  .store-cont2 .storw-ul .storw-li{width: 100%;margin-bottom: 15px;}
  .store-cont2 .storw-ul .storw-li:last-child{margin-bottom: 0;}
}
@media  (max-width:460px) {
  .store-cont ul li{width: 100%;}
  .store-cont .stor-list{height: 130px;}
}
/* ======================新闻资讯====================== */
.news-one{padding: 49px 94px 49px 39px;background: #fff;margin-top: 60px;transition: all .5s;}
.news-one a {display: block;}
.news-one .news-left{width: 25.87%;float: left;}
.news-one .news-right{width: 71.92%;float: right;}
.news-left .news-pic{  width: 100%;height: 100%;overflow: hidden;}
.news-pic img{width: 100%;transition: all 1s;}
.news-one:hover img{transform: scale(1.05); cursor: pointer;}
.news-right .news-font{padding: 24px 0 24px;}
.news-right .news-font h3{color: #333;font-size: 22px;font-weight: bold;margin-bottom: 18px;}
.news-font p,.news-font1 p{font-size: 16px;color: #777;line-height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-font .time{display: block;font-size: 14px; color: #888;margin: 18px 0 36px;}
.new-more{width: 112px;}
.new-more span{display: block; font-size: 16px;color: #333;background: url(../images/black-jt.png) no-repeat right 10px center;transition: all .5s; padding-right: 20px;}
.new-more:hover span{background-position: right 0 center;}
.news-two ul{margin-bottom: 40px;}
.news-two li{width: 100%;float: left;margin-top: 20px;background: #fff;transition: all .5s;}
.newtw-list{display: block;}
.newtw-list .newstw-left{width: 89.29%;float: left;border-right: 1px solid #ebebeb;}
.newtw-list .newstw-right{width: 10.71%;float: left;}
.newstw-left .news-font1{padding: 50px 230px 50px 39px;}
.news-font1 h3{color: #333;font-size: 20px;margin-bottom: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-font1 p{color: #888;margin-bottom: 30px;}
.new-time{text-align: center;margin-top: 90px;}
.newstw-right span{font-size: 40px;font-family: 'DIN';color: #333;line-height: 40px;}
.newstw-right p{font-size: 16px;color: #adadad;font-family: 'DIN';}
.news-one:hover,.news-two li:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);}
@media  (max-width:1519px) {
  .news-right .news-font {padding: 15px 0 15px;}
  .news-font .time{margin: 15px 0 20px;}
}
@media  (max-width:1359px) {
  .news-one{ padding: 30px 94px 30px 20px;}
  .news-right .news-font {padding: 10px 0;}
  .news-right .news-font h3{font-size: 18px;margin-bottom: 10px;}
  .news-font p, .news-font1 p{font-size: 14px;line-height: 22px;}
  .news-font .time {margin: 8px 0 10px;}
  .new-more { width: 100px;}
  .new-more span{ font-size: 14px; background-size: 24px 13px;}
  .newstw-left .news-font1 {padding: 30px 200px 30px 20px;}
  .new-time{margin-top: 64px;}
  .newstw-right span{font-size: 36px;}
  .newstw-right p{font-size: 15px;}
  .news-font1 h3{font-size: 18px;}
}
@media  (max-width:991px) {
  .news-one {padding: 20px 77px 20px 20px;}
  .news-right .news-font h3{margin-bottom: 8px;}
  .news-font p{ -webkit-line-clamp: 1;}
  .news-font .time {margin: 5px 0;font-size: 13px;}
  .new-more {width: 90px;}
  .new-more span {font-size: 13px; background-size: 18px 11px;}
  .newstw-left .news-font1 {padding: 20px 130px 20px 20px;}
  .news-font1 h3 {margin-bottom: 12px;font-size: 17px;}
  .news-font1 p{margin-bottom: 15px;}
  .new-time {margin-top: 46px;}
  .newstw-right span {font-size: 30px;line-height: 30px;}
  .newstw-right p {font-size: 14px;}
}
@media  (max-width:767px) {
  .news-one{margin-top: 40px;padding: 15px;}
  .news-right .news-font h3{font-size: 16px;}
  .newtw-list .newstw-left{width: 80%;}
  .newstw-left .news-font1 {padding: 15px 20px 15px 15px;}
  .news-font1 h3{font-size: 16px;}
  .news-font1 p {margin-bottom: 12px;}
  .newtw-list .newstw-right{width: 19.71%;}
  .new-time {margin-top: 44px;}
  .newstw-right span { font-size: 22px;line-height: 22px;}

}
@media  (max-width:640px) {
  .news-one .news-left{width: 100%;}
  .news-one .news-right{width: 100%;}
  .newstw-right p {font-size: 13px;}
}

/* =======================服务流程====================== */
.service{}
.service .ino-tit{color: #222;text-align: center;}
.service .ino-dec{color: #666;text-align: center;}
.ser-one{background: #fff;padding-top: 80px;}
.ser-one .ser-box{margin-top: 50px;}
.ser-box ul{margin: 0 -35px;}
.ser-box ul li{width: 33.3333333%;float: left;padding: 0 35px;margin-bottom: 40px;}
.ser-box .ser-li{background: #fff;}
.ser-li .ser-pic,.sert-left .ser-pic{width: 100%;height: 100%;overflow: hidden;}
.ser-li .ser-pic{transition: ease 1s;transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;}
.ser-pic img{width: 100%;}
/* .ser-li:hover img{transform: scale(1.03); cursor: pointer;} */
.ser-li:hover .ser-pic{transform: perspective(900px) translate3d(0, 0px, 0) rotateX(20deg) rotateY(0deg);transform-style: preserve-3d;cursor: pointer;}
.ser-li .ser-font{padding: 18px;text-align: center;}
.ser-font h3{font-size: 22px;color: #333;margin-bottom: 10px;}
.ser-font p{font-size: 16px;color: #666;line-height: 26px;}
.ser-li:hover .ser-font h3{color: rgba(35,25,22, .9);cursor: pointer;}
.ser-two{background: #f5f5f5;padding: 80px 0;}
.ser-two .sert-top{margin-top: 50px;background: #fff;}
.ser-two .sert-left{width: 50%;float: left;}
.sert-top:hover img{transform: scale(1.03); cursor: pointer;}
.ser-two .sert-right{width: 50%;float: left;padding: 125px 42px 0;}
.sert-right h3{color: #333333;font-size: 22px;}
.sert-right h4{font-size: 20px;color: #333;margin: 20px 0 34px;}
.sert-right h4 span{background: #cbcbcb;display: inline-block;width: 1px;height: 17px;margin: 0 14px 0 18px;}
.sert-right p{color: #666;font-size: 16px;}
.sert-bottom{margin-top: 60px;}
.sert-bottom ul {margin: 0 -44px;}
.sert-bottom ul li{width: 33.3333333%;float: left;padding: 0 44px;}
.sert-bottom .sert-list{background: #fff;padding: 80px 100px 56px;}
.sert-list .sert-icon{text-align: center;}
.sert-icon img{display: inline-block;}
.sert-list h3{font-size: 22px;color: #222;text-align: center;margin-top: 28px;}
.sert-list .sert-line{width: 68px; height: 1px;background: #e3e3e3;margin: 26px auto 20px;position: relative;}
.sert-line::after{content: '';position: absolute;width: 0;height: 1px;background:rgba(35,25,22, .8);left: 50%;top: 0;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); -webkit-transition: all .8s; -o-transition: all .8s;transition: all .8s;}
.sert-list .sert-info{height: 84px;text-align: center;}
.sert-info a{display: block;font-size: 16px;color: #666;line-height: 26px;}
.sert-info a span{max-width: 80%; display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 14px;}
.sert-info a i{font-size: 14px;color: #666;font-weight: bold;display: inline-block;padding-left: 8px;transition: all .6s;}
.sert-info a:hover i{padding-left: 14px;}
.sert-bottom li:hover .sert-line::after{width: 100%;}
@media  (max-width:1519px) {
  .ser-two .sert-right{padding: 82px 30px 0;}
  .sert-right h3{font-size: 20px;line-height: 30px;}
  .sert-right h4 {font-size: 18px;margin: 20px 0 34px;}
  .sert-right p{font-size: 15px;}
  .sert-bottom .sert-list{padding: 50px 60px 45px;}
  .sert-list h3{font-size: 20px;}
}
@media  (max-width:1359px) {
  .ser-box ul {margin: 0 -20px;}
  .ser-box ul li{padding: 0 20px; margin-bottom: 30px;}
  .ser-font h3 {font-size: 20px;}
  .ser-font p{font-size: 15px;line-height: 24px;}
  .ser-two .sert-right {padding: 40px 30px 0;}
  .sert-right h3 {font-size: 18px;}
  .sert-right h4 {font-size: 16px;margin: 12px 0 20px;}
  .sert-right p {font-size: 14px;}
  .sert-bottom ul {margin: 0 -20px;}
  .sert-bottom ul li{padding: 0 20px;}
  .sert-bottom .sert-list {padding: 30px 40px 30px;}
  .sert-list h3 {font-size: 18px;}
  .sert-info a{font-size: 15px;}
  .sert-icon img{width: 56px;}
}
@media  (max-width:991px) {
  .ser-box ul {margin: 0 -15px;}
  .ser-box ul li {padding: 0 15px;margin-bottom: 15px;}
  .ser-li .ser-font {padding: 12px;}
  .ser-font h3 {font-size: 18px;margin-bottom: 5px;}
  .ser-font p {font-size: 14px;line-height: 22px;}
  .ser-two .sert-right {padding: 22px 20px 0;}
  .sert-right h3 {font-size: 17px;line-height: 26px;}
  .sert-right h4 {font-size: 15px; margin: 10px 0 16px;}
  .sert-bottom ul {margin: 0 -10px;}
  .sert-bottom ul li {padding: 0 10px;}
  .sert-bottom .sert-list {padding: 20px 12px 15px;}
  .sert-icon img { width: 48px;}
  .sert-list .sert-line{ width: 56px; margin: 20px auto 14px;}
  .sert-info a {font-size: 14px;}
}
@media  (max-width:767px) {
  .ser-one {padding-top: 40px;}
  .ser-one .ser-box {margin-top: 20px;}
  .ser-box ul li{width: 50%;}
  .ser-two{padding: 40px 0;}
  .ser-two .sert-top {margin-top: 20px;}
  .ser-two .sert-left{width: 100%;}
  .ser-two .sert-right{width: 100%;padding: 20px 15px;}
  .sert-right h3 {font-size: 16px;line-height: 24px;}
  .sert-right h4 {font-size: 14px;}
  .sert-right h4 span{height: 12px;}
  .sert-bottom { margin-top: 25px;}
  .sert-bottom ul li{width: 50%;margin-top: 15px;}
  .sert-icon img { width: 44px;}
  .sert-list h3 {font-size: 16px;margin-top: 18px;}
  .sert-list .sert-line {width: 40px;margin: 16px auto 12px;}
  .sert-info a{line-height: 24px;}
}
@media  (max-width:380px) {
  .ser-box ul li{width: 100%;}
  .sert-bottom ul li{width: 100%;}
  .sert-info{height: auto;}
  .sert-info a span{line-height: 14px;}
}

/* ======================关于我们======================= */
.abo-banner .ny-font{top: 53%;}
.abo-font .ny-tit{text-align: left;justify-content: left;}
.abo-font .ny-dec{font-size: 16px;color: #fff;margin-top: 30px;}
/*  */
.nav-second{height: 50px;}
.about .about-one{margin-top: 20px;background: #fff;}
.abo-top{position: relative;}
.abo-top .abo-left{width: 50%;float: left;}
.abo-top .abo-right{width: 50%;position: absolute;right: 0;z-index: 11;top: 30px;}
.about-tit{font-size: 40px;display: block;}
.abo-left .about-tit{color: #222;}
.abo-left .about-desc {margin: 20px 0 52px;padding-right: 68px;}
.about-desc p{font-size: 16px;color: #666;line-height: 36px;padding-right: 10px;}
.abo-left .about-desc p{height: 180px;}
.abo-bottom {position: relative;height: 563px;}
.abo-bottom .abobt-left{width: 50%; position: absolute;left: 0;}
.abo-bottom .abobt-right{width: 50%; position: absolute;right: 0;top: 166px;}
.abol-pic,.abor-pic{width: 100%;height: 100%;overflow: hidden;}
.abol-pic img,.abor-pic img{width: 100%;transition: all 1s;}
.abobt-left:hover img,.abo-right:hover img{transform: scale(1.05); cursor: pointer;}
.abobt-img .abobt-l{width: 60.62%;float: left;position: relative;}
.abobt-img .abobt-r{width: 38.9%;float: left;}
.abobt-pic img{width: 100%;}
.abobt-l .abobt-font{position: absolute;left: 80px;top: 50%;transform: translateY(-50%);}
.abobt-font .about-tit{color: #fff;}
.abobt-font h3{font-size: 30px; color: rgba(255, 255, 255,1);margin-top: 25px;font-weight: lighter;}
.abobt-font h3 span{display: inline-block;width: 32px;}
/*  */
.about-two{background: #fafafa;padding: 136px 0;}
.about-two .about-desc{width: 79.14%;}
/*  */
.about-three{background: #fff;}
.about-three .abth-top{padding-top: 80px;}
.abth-top .abth-left{width: 41.29%;float: left;margin-top: 46px;}
.abth-top .abth-right{width: 58%;float: right;margin-top: -125px;}
.abth-left .abth-dsc{margin-top: 22px;padding-right: 108px;}
.abth-dsc p{font-size: 16px;color: #777;line-height: 28px;}
.abth-center{margin-top: 26px;}
.abth-center h3{font-size: 20px;color: #333;margin-bottom: 30px;}
.abth-center p{width: 68.14%;font-size: 16px;color: #777;line-height: 28px;}
.abth-bot{margin-top: 67px;position: relative;}
.abth-bot .abth-left1{width: 42.8%;position: absolute;left: 0;}
.abth-bot .abth-right1{width: 58%;float: right;overflow: hidden;}
.about-three .abth-pic{ width: 100%;overflow: hidden;}
.abth-pic img{width: 100%;transition: all 1s;}
.abth-right:hover img,.abth-left1:hover img,.abth-right1:hover img {transform: scale(1.05); cursor: pointer;}

/*  */
.about-four{background: #fff;padding: 80px 0;}
.about-four .about-tit{color: #222;}
.about-four .about-desc{width: 66%;margin-top: 24px;}
.about-four .about-desc p{line-height: 28px;}
.abf-bottom{border-bottom: 1px solid #e9e9e9;padding-bottom: 22px;}
.abf-bottom ul{background: url(../images/about-bg.png);height: 456px;position: relative;background-size: contain;}
.abf-bottom li{float: left;position: absolute;text-align: center;}
.abf-bottom .ab-li1{left:0;bottom: 11%;}
.abf-bottom .ab-li2{left:25%;top: 38%;}
.abf-bottom .ab-li3{left:47.5%;top: 20%;}
.abf-bottom .ab-li4{left:68.5%;top: 2%;}
.abf-li .abf-icon{display:inline-block;margin-bottom: 23px;}
.abf-li .abf-icon img{width: 66px;height: 55px;}
.abf-li h3{height: 54px;color: #000; overflow: hidden; font-size: 16px;}
.abf-li h3 span{font-size: 50px;font-family: 'DIN1451';}
.abf-li h3 i{font-style: normal;font-size: 50px;width: 34px;}
.abf-li p{font-size: 16px;color: #666;line-height: 20px;margin-top: 4px;}
.abf-bottom .ab-li1{text-align: left;}
.abf-li:hover .abf-icon img{ animation: swing;animation-duration: .8s;cursor: pointer;}
@media  (max-width:1519px) {
  .about-tit {font-size: 36px;}
  .about-desc p {font-size: 15px;line-height: 32px;}
  .abo-bottom{height: 398px;}
  .abo-bottom .abobt-right{top: 44px;}
  .abobt-pic img {height: 398px;}
  .abobt-font h3{font-size: 26px;}
  .abobt-font h3 span{width: 26px;}
  .abobt-l .abobt-font{left: 50px;}
  /*  */
  .abth-bot .abth-left1{width: 43.8%;}
  .abth-bot .abth-pic img{height: 360px;}
  .abth-bot .abth-right1{width: 55%;}
  /*  */
  .abf-bottom ul{height: 365px;margin-top: 15px;}
  .abf-bottom .ab-li1{bottom: 3%;}
  .abf-bottom .ab-li2 {left: 23%;top: 35%;}
  .abf-bottom .ab-li3 {left: 45.5%;top: 15%;}
  .abf-bottom .ab-li4 {left: 66.5%; top: -4%;}
}
@media  (max-width:1359px) {
  .about-tit {font-size: 32px;}
  .abo-left .about-desc {margin: 15px 0 41px;padding-right: 60px;}
  .about-desc p{line-height: 30px;}
  .abo-left .about-desc p { height: auto;}
  .abo-bottom {height: 290px;}
  .abobt-pic img {height: 278px;}
  .abobt-l .abobt-font {left: 32px;}
  .abobt-font h3 {font-size: 22px;margin-top: 20px;}
  .abobt-font h3 span {width: 20px;}
  .about-two{padding: 98px 0;}
  .abth-top .abth-left{margin-top: -6px;}
  .abth-left .abth-dsc {margin-top: 12px;padding-right: 40px;}
  .abth-dsc p {font-size: 15px;  line-height: 26px;}
  .abth-top .abth-right{margin-top: -110px;}
  .abth-center h3 {font-size: 18px;margin-bottom: 20px;}
  .abth-bot .abth-pic img {height: 280px;}
  .abf-bottom ul {height: 270px;}
  .abf-li .abf-icon{margin-bottom: 6px;}
  .abf-li .abf-icon img {width: 56px;height: 45px;}
  .abf-li h3 {height: 40px;}
  .abf-li h3 span {font-size: 36px;}
  .abf-li h3 i{font-size: 36px;}
  .abf-li p {font-size: 15px;}
}
@media  (max-width:991px) {
  .about-tit {font-size: 30px;}
  .abo-left .about-desc {margin: 6px 0 34px; padding-right: 40px;}
  .about-desc p {font-size: 14px;}
  .abo-left .about-desc p { height: auto;line-height: 28px;}
  .abo-bottom {height: 225px;}
  .abo-bottom .abobt-right {top: 40px;}
  .abobt-pic img {height: 218px;}
  .abobt-l .abobt-font {left: 28px;top: 49%;}
  .abobt-font h3 {font-size: 17px;margin-top: 15px;}
  .abobt-font h3 span {width: 12px;}
  .about-two {padding: 80px 0;}
  .about-two .about-desc {width: 87.14%;}
  .about-three .abth-top {padding-top: 60px;}
  .abth-top .abth-right {margin-top: -85px;}
  .abth-center h3 {font-size: 17px;margin-bottom: 15px;line-height: 26px;}
  .abth-center p {width: 74.14%;font-size: 15px;line-height: 26px;}
  .abth-bot .abth-pic img {height: 220px;}
  .abf-bottom ul {height: 218px;}
  .abf-li h3 span,.abf-li h3 i { font-size: 30px;}
  .abf-li .abf-icon img {width: 46px;height: 35px;}
  .abf-li h3 {height: 30px;}
  .abf-li p { font-size: 14px;}
}
@media  (max-width:767px) {
  .abo-banner .ny-font {top: 57%;}
  .abo-font .ny-dec{margin-top: 10px;font-size: 14px;line-height: 24px;}
  .nav-second {height: 30px;}
  .about .about-one{margin-top: 0;}
  .about-tit {font-size: 24px;}
  .abo-top .abo-left {width: 100%;}
  .abo-top .abo-right {width: 100%;position: unset;}
  .about-desc,.abo-left .about-desc{padding-right: 0;}
  .abo-left .about-desc p{height: auto;padding-right: 0;}
  .abo-bottom {height: auto;}
  .abo-bottom .abobt-left {width: 100%;position: unset;padding: 0 15px;margin: 10px 0;}
  .abo-bottom .abobt-right { width: 100%;position: unset;right: unset; top: unset;padding: 0 14px;}
  .abobt-img .abobt-r {width: 39%;}
  .abobt-pic img{height: auto;}
  .abobt-l .abobt-font{left: 15px;}
  .abobt-font h3 {font-size: 15px;margin-top: 10px;}
  .abobt-font h3 span {width: 8px;}
  .about-two {padding: 40px 0;}
  .about-two .about-desc {width: 100%;}
  .about-desc p { line-height: 26px;}
  .about-three .abth-top {padding-top: 40px;}
  .abth-top .abth-left{width: 100%;margin-bottom: 20px;}
  .abth-left .abth-dsc{padding-right: 0;}
  .abth-top .abth-right{width: 100%;margin-top: 0;}
  .abth-center p {width: 100%;font-size: 14px;line-height: 24px;}
  .abth-bot {margin-top: 36px;}
  .abth-bot .abth-left1 {width: 48%;position: unset;left: unset;float: left;}
  .abth-bot .abth-right1{width: 50%;}
  .abth-bot .abth-pic img {height: 160px;}
  .about-four{padding: 40px 0;}
  .about-four .about-desc {width: 100%;margin-top: 10px;}
  .abf-bottom ul{background: none;height: auto;margin-top: 30px;}
  .abf-bottom li{ float: left; position: unset; text-align: center;width: 25%;}
  .abf-bottom .ab-li1 {text-align: center;}
  .abf-li h3 {height: 24px;}
  .abf-li h3 span, .abf-li h3 i {font-size: 24px;}
}
@media  (max-width:420px) {
  .abf-bottom li{width: 50%;margin-bottom: 15px;}
  .abth-bot .abth-left1{width: 100%;margin-bottom: 15px;}
  .abth-bot .abth-right1{width: 100%;}
  .abth-bot .abth-pic img{height: auto;}
}

/* =====================品牌故事====================== */
.brand-banner .ny-font{top:58%}
.brand-font .ny-tit{text-align: left;justify-content: left;}
.brand-font .ny-from{font-size: 30px;color: #fff;position: relative;padding-left: 22%;margin-top: 28px;}
.ny-from::before{content: '';width: 87px;height: 1px;background: #fff;position: absolute;left: 14%;top: 54%;}
.brand-font .ny-dec{font-size: 16px;color: #fff;margin-top: 58px;}
.ny-dec p{line-height: 34px;display: block;}
.ny-dec .ny-p{margin-top: 28px;}
/*  */
.brand .brand-one{background: #fff;padding: 190px 0 80px;}
.brand-one .brand-top {position: relative;height: 651px;}
.brand-top .brand-left{width: 60%;float: left;padding: 112px 70px 0 6px;position: relative;}
.brand-top .brand-right{position: absolute;right: 0;width: 42%;}
.brand-left::before{content: '';width: 385px;height: 403px; background: url(../images/brand-img2.png) no-repeat right;background-size: contain;
  position: absolute;right: -163px;top: -29%; z-index: 11;}
.brand-left h3{color: #222222;font-size: 40px;position: relative;}
.brand-left h3:before{content: '';width: 32px;height: 25px;background: url(../images/brand-yh.png) no-repeat center; background-size: contain;position: absolute;left: -42px;top: -20px;}
.brand-left h6{color: #222222;font-size: 18px;margin-top: 15px;}
.brand-left .brand-desc{margin-top: 50px;}
.brand-desc p{font-size: 16px;color: #666;line-height: 32px;margin-bottom: 48px;}
.brand-left .brand-desc p{height: 162px;}
.brand-one .brand-bottom {position: relative;}
.brand-bottom .brand-left1{position: absolute; left: 0;top: -170px;width: 51%;}
.brand-left1 img{width: 100%;}
.brand-bottom .brand-right1{width: 56.14%;float: right;padding-left: 32px;    padding-top: 66px;}
.brand-right1 .brand-desc{height: 310px;}
.brand-right1 .brand-desc p:last-child{margin-bottom: 0;}
.brand-pic{ width: 100%;overflow: hidden;}
.brand-pic img{width: 100%;transition: all 1s;}

/*  */
.brand-two{background: url(../images/brand-img3.png);padding-top: 60px;padding-bottom: 382px;}
.brand-two ul li{margin-bottom: 75px;position: relative;}
.brand-two li:nth-child(odd){float: left;margin-right: 33px;}
.brand-two li:nth-child(3){margin-left: 10px;}
.brand-two li:nth-child(even){float: left;}
.brand-two li .brandApp-tbox{display: none;}
.brand-two li .brand-tbox,.brand-two li .brandApp-tbox{padding-left: 34px;margin-bottom: 38px;position: relative;}
.brand-two li:nth-child(even) .brand-tbox{background: #f6f6f6;padding:62px 0 52px 56px;
  width: 644px;height: 323px;}
.brand-two li:nth-child(2) .brand-tbox{position: absolute;z-index: 111;left: 20px; bottom: -19%;}
.brand-two li:nth-child(4) .brand-tbox{position: absolute;z-index: 111;left: 53px; bottom: -74%;}
.brand-two li:first-child .brand-tbox,.brand-two li .brandApp-tbox{padding-left: 120px;}
.brand-two li:first-child .brand-tbox::before,.brand-two li .brandApp-tbox::before{content: '';width: 34px;height: 37px;background: url(../images/brand-bjt.png) no-repeat;
position: absolute;left: 38px;bottom: 4%;background-size: contain;}
.brand-two li:nth-child(3) .brand-tbox::after{content: '';width: 34px;height: 37px;background: url(../images/brand-bjt.png) no-repeat; transform: rotateY(180deg);
  position: absolute;left: 63%;bottom: 1%;background-size: contain;}
.brand-two li:first-child .brand-bimg{margin-left: -49px;}
.brand-tbox .brand-title,.brandApp-tbox .brand-title{background: #fff;border: 2px solid #000;width: 360px;margin-bottom: 36px;}
.brand-two li:nth-child(3) .brand-title{margin-bottom: 50px;}
.brand-two li:nth-child(even) .brand-tbox::after{content: '';width: 34px;height: 37px;background: url(../images/brand-bjt.png) no-repeat; transform: rotate(180deg);
  position: absolute;left: 68%;top: 12%;background-size: contain;}
.brand-tbox .brand-title span,.brandApp-tbox .brand-title span{font-size: 30px;color: #222;display: block;padding: 21px 42px;}
.brand-tbox p{font-size: 16px;color: #666;line-height: 28px;}
.brand-top:hover img,.brand-two li:hover img{transform: scale(1.05); cursor: pointer;}
/*  */
.brand-three{padding-bottom: 80px;margin-top: -338px;}
.brand-three .brandth-box{background: url(../images/brand-bg2.jpg) no-repeat; background-size: contain;background-size: 100% 100%;}
.brand-three .brandth-font{padding: 83px 86px 110px;}
.brandth-font h3{font-size: 30px;color: #fff;display: block;}
.brandth-font .brandth-dsc{font-size: 16px;color: #fff;margin-top: 10px;display: block;}
.brandth-font .brand-line{width: 64px;height: 1px;background: rgba(255, 255, 255, .95);margin: 58px 0 40px;}
.brand-thbot{color: #fff;}
.brand-thbot p{font-size: 16px;line-height: 32px;display: block;}
@media only screen and (min-width: 1660px) and (max-width: 1820px) {
  .brand-top .brand-pic img{height: 560px;}
  .brand-bottom .brand-right1{padding-top: 0;}
}
@media  (max-width:1659px) {
  .brand-one .brand-top{height: 598px;}
  .brand-left::before{width: 355px;height: 373px;right: -97px;}
  .brand-bottom .brand-left1{top: -134px;}
  .brand-top .brand-pic img{height: 524px;}
  .brand-bottom .brand-right1{padding-top: 0;}
}
@media  (max-width:1519px) {
  .brand-font .ny-from{font-size: 22px; padding-left: 14%; margin-top: 15px;}
  .ny-from::before{ width: 67px; left: 7%;}
  .brand-font .ny-dec{margin-top: 30px;}
  .brand-left::before{width: 323px;height: 343px;right: -118px;top: -24%;}
  .brand-one .brand-top{height: 615px;}
  .brand-top .brand-left{ padding: 80px 30px 0 6px;width: 54%;}
  .brand-top .brand-right{width: 45%;}
  /* .brand-left .brand-desc {margin-top: 35px;} */
  .brand-top .brand-pic img{height: 532px;}
  .brand-left h3{font-size: 36px;}
  .brand-desc p {font-size: 15px;}
  .brand-bottom .brand-left1{top: -140px;}
  .brand-bottom .brand-right1{padding-top: 0;}
  .brand-right1 .brand-desc p{margin-bottom: 28px;}
  /*  */
  .brand-two{padding-bottom: 280px;}
  .brand-two li:first-child{width: 50.42%;}
  .brand-two li:first-child .brand-bimg {margin-left: -15px;}
  .brand-two li:nth-child(even) .brand-tbox{padding: 46px 0 38px 48px;width: 545px;height: 270px;}
  .brand-two li:first-child .brand-tbox::before,.brand-two li:nth-child(even) .brand-tbox::after,.brand-two li:nth-child(3) .brand-tbox::after{width: 30px;height: 33px;}
  .brand-two li:nth-child(2){width: 46.8%;}
  .brand-two li:nth-child(2) .brand-bimg{width: 86%;}
  .brand-two li:nth-child(2) .brand-tbox{bottom: -23%;}
  .brand-tbox .brand-title{width: 300px;margin-bottom: 24px;}
  .brand-tbox .brand-title span{font-size: 24px; padding: 20px 40px;}
  .brand-two li:nth-child(3){width: 46.8%;}
  .brand-two li:last-child{width: 49.42%;}
  .brand-two li:last-child .brand-bimg{width:96%;}
  /*  */
  .brand-three{margin-top: -280px;}
  .brand-three .brandth-font { padding: 60px 86px 80px;}
  .brandth-font h3{font-size: 28px;}
  .brandth-font .brand-line{margin: 48px 0 30px;}
}
@media  (max-width:1359px) {
  .brand-font .ny-from {font-size: 18px;padding-left: 20%;margin-top: 8px;}
  .ny-from::before {width: 45px;left: 14%;}
  .brand-font .ny-dec {margin-top: 8px;font-size: 14px;}
  .ny-dec p {line-height: 24px;}
  .ny-dec .ny-p {margin-top: 18px;}
  /*  */
  .brand .brand-one{padding: 130px 0 80px;}
  .brand-left::before {width: 243px;height: 263px;right: -96px;top: -23%;}
  .brand-top .brand-left {padding: 65px 25px 0 0;}
  .brand-left h3 {font-size: 30px;}
  .brand-left h6{font-size: 16px;}
  .brand-left h3:before{width: 28px;height: 20px;left: -30px;top: -15px;}
  .brand-left .brand-desc {margin-top: 35px;}
  .brand-desc p {font-size: 14px;line-height: 26px;}
  .brand-top .brand-pic img { height: 400px;}
  .brand-one .brand-top {height: 460px;}
  .brand-bottom .brand-left1 {top: -114px;}
  .brand-right1 .brand-desc {height: 160px;}
  /*  */
  .brand-two li .brand-tbox{margin-bottom: 28px;}
  .brand-two li:first-child .brand-tbox{padding-left: 100px;}
  .brand-tbox .brand-title {width: 280px;margin-bottom: 20px;}
  .brand-tbox .brand-title {width: 250px;margin-bottom: 20px;}
  .brand-tbox .brand-title span {font-size: 21px;padding: 18px 28px;}
  .brand-tbox p {font-size: 15px;}
  .brand-two li:first-child .brand-tbox::before, .brand-two li:nth-child(even) .brand-tbox::after, .brand-two li:nth-child(3) .brand-tbox::after {
    width: 25px;height: 28px;}
  .brand-two li:nth-child(odd){margin-right: 24px;}
  .brand-two li:nth-child(even) .brand-tbox {padding: 36px 30px 30px 30px;width: 402px;height: 225px;}
  .brand-tbox .brand-title {width: 233px;margin-bottom: 15px;}
  .brand-tbox .brand-title span {font-size: 21px;padding: 14px 20px;}
  .brand-two li:nth-child(2) .brand-tbox {bottom: -29%;}
  .brand-two li:nth-child(3) .brand-title {margin-bottom: 20px;}
  .brand-two li:nth-child(3) .brand-tbox::after{left: 82%;}
  .brand-two li:last-child {width: 48.42%;}
  .brand-tbox p{height: 84px;}
  .brand-two ul li {margin-bottom: 55px;}
  .brand-two{padding-bottom: 210px;}
  .brand-three { margin-top: -190px;}
  .brand-three .brandth-font {padding: 40px 46px 50px;}
  .brandth-font h3 {font-size: 24px;}
  .brandth-font .brandth-dsc {font-size: 15px;margin-top: 12px;}
  .brandth-font .brand-line{width: 50px; margin: 32px 0 28px;}
  .brand-thbot p {font-size: 14px;line-height: 26px;}
}
@media  (max-width:991px) {
  .ny-from::before {width: 40px;left: 18%;}
  .brand-font .ny-from {font-size: 16px;padding-left: 25%;}
  .ny-dec .ny-p {margin-top: 10px;}
  /*  */
  .brand .brand-one {padding: 100px 0 80px;}
  .brand-one .brand-top {height: 386px;}
  .brand-top .brand-pic img { height: 334px;}
  .brand-top .brand-left {padding: 60px 25px 0 10px;}
  .brand-left::before {width: 203px;height: 223px;right: -78px;top: -22%;}
  .brand-left h3 {font-size: 26px;}
  .brand-left h3:before {width: 24px;height: 14px; left: -25px;top: -5px;}
  .brand-left .brand-desc p {height: 134px;}
  .brand-bottom .brand-left1 {top: -75px;}
  /*  */
  .brand-two li:nth-child(odd) {margin-right: 20px;}
  .brand-two li:first-child .brand-tbox::before{left: 17px;}
  .brand-two li:first-child .brand-tbox{padding-left: 58px;}
  .brand-tbox .brand-title {width: 176px;margin-bottom: 12px;}
  .brand-tbox .brand-title span {font-size: 16px;padding: 12px 14px;}
  .brand-tbox p {font-size: 14px;}
  .brand-two li .brand-tbox { padding-left: 20px;}
  .brand-two li:first-child .brand-tbox::before,.brand-two li:nth-child(even) .brand-tbox::after, .brand-two li:nth-child(3) .brand-tbox::after {width: 20px;
 height: 23px;}
  .brand-two li:nth-child(even) .brand-tbox::after{ left: 67%;top: 7%;}
  .brand-two li:nth-child(even) .brand-tbox {padding: 26px 15px 20px 20px;width: 318px;height: 190px;}
  .brand-two li:nth-child(2) .brand-tbox {bottom: -35%;}
  .brand-two li:nth-child(3) .brand-tbox::after {left: 86%;}
  .brand-two li:nth-child(4) .brand-tbox{left: 30px;bottom: -89%;}
  .brand-two {padding-bottom: 170px;}
  /*  */
  .brand-three {margin-top: -158px;}
  .brand-three .brandth-font {padding: 30px 30px 35px;}
  .brandth-font h3 {font-size: 20px;}
  .brandth-font .brand-line {width: 40px;margin: 22px 0 18px;}
  .brand-thbot p{line-height: 24px;}
}
@media  (max-width:767px) {
  .brand-font{display: none !important;}
  .brand-left::before{display: none;}
  .brand .brand-one{padding: 40px 0;}
  .brand-one .brand-top{height: auto;}
  .brand-top .brand-left{width: 100%;}
  .brand-top .brand-right{width: 100%;position: unset;}
  .brand-top .brand-left { padding: 0 20px;}
  .brand-left .brand-desc p{height: auto;}
  .brand-left h3 {font-size: 22px;}
  .brand-left h3:before {width: 20px; height: 12px;left: -22px; top: -4px;}
  .brand-left .brand-desc {margin-top: 25px;}
  .brand-desc p{margin-bottom: 20px;}
  .brand-top .brand-pic img{height: auto;}
  .brand-bottom .brand-left1{position: unset;margin-top: 15px;width: 100%;}
  .brand-bottom .brand-right1{width: 100%;padding-left: 0;}
  .brand-right1 .brand-desc{height: auto;}
  /*  */
  .brand-two{padding: 40px 0 150px;}
  .brand-two ul li{width: 100% !important;margin-bottom: 20px;}
  .brand-tbox {margin-bottom: 20px;}
  .brand-two li:first-child .brand-bimg,.brand-two li:nth-child(3){margin-left: 0;}
  .brand-two li .brandApp-tbox{display: block;}
  .brand-two li .brandApp-tbox::before{left: 17px;}
  .brand-two li .brandApp-tbox {padding-left: 40px;margin-bottom: 28px;}
  .brand-two li .brandApp-tbox::before{width: 20px; height: 23px;}
  .brand-two li:first-child .brand-tbox {padding-left: 40px;}
  .brand-two li:first-child .brand-tbox p,.brand-two li .brandApp-tbox p{height: auto;}
  .brandApp-tbox .brand-title {width: 176px;margin-bottom: 12px;}
  .brandApp-tbox .brand-title span {font-size: 16px;padding: 12px 14px;}
  /* .brand-two li:nth-child(3) .brand-title{margin-bottom: 10px;} */
  .brand-two li:nth-child(odd) {margin-right: 0;}
  .brand-two li:nth-child(2) .brand-tbox,.brand-two li:nth-child(3) .brand-tbox,.brand-two li:nth-child(4) .brand-tbox{display: none !important;}
  .brand-two li:last-child .brand-bimg{width: 100%;}
  .brand-tbox .brand-title{position: relative;}
  .brand-two li:nth-child(2) .brand-bimg { width: 100%;}
  /*  */
  .brand-three{margin-top: -130px;padding-bottom: 40px;}
  .brand-three .brandth-font {padding: 20px 20px 25px;}
  .brandth-font h3 {font-size: 18px;}
  .brandth-font .brandth-dsc,.brand-thbot p {font-size: 14px;line-height: 22px;}
  .brandth-font .brand-line { margin: 15px 0;}
}
@media  (max-width:370px) {
  .brand-two li:nth-child(even) .brand-tbox::after{left: 73%;}
  .brand-two li:first-child .brand-tbox::before,.brand-two li .brandApp-tbox::before{left: 10px;}
  /* .brand-two li:nth-child(3) .brand-tbox::after {right: 0;bottom: -2px;} */
}






.yzm {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-flex;
    line-height: 50px;
    margin-top: 20px;
}

@media(max-width: 767px) {
    #random {
        font-size: 22px !important;
        width: 60px !important;
        height: auto !important;
    }

    #yzm {
        height: 36px !important;
        margin-top: 2px !important;
        margin-left: 10px !important;
        font-size: 16px;
    }
}






.news_category {
    border-bottom: 1px solid #e6e7e8;
    margin: 0 6.6875%;
    padding: 54px 12px 53px;
}

@media screen and (max-width: 600px) {
    .news_category {
        margin: 0 15px;
        padding: 27px 0;
    }
}

.news_category-catch {
    margin-bottom: 5px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #ed1c24;
}

@media screen and (max-width: 600px) {
    .news_category-catch {
        margin-bottom: 0;
    }
}

.news_category-title {
    font-weight: 500;
    line-height: 1.3;
    font-size: 3.6rem;
}

@media screen and (max-width: 600px) {
    .news_category-title {
        font-size: 2.8rem;
    }
}


.news_section {
    margin-bottom: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;text-align:center; 
}

@media screen and (max-width: 900px) {
    .news_section {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .news_section {
        margin-bottom: 50px;
    }
}

.news_section .main {
    width: 100%;
    border-bottom: 1px solid #e6e7e8;
}

@media screen and (max-width: 900px) {
    .news_section .main {
        width: 100%;
    }
}

.news_section-list {
    margin-right: 50px;
}

@media screen and (max-width: 900px) {
    .news_section-list {
        margin-right: 0;
    }
}

.news_section-item {
    margin: 100px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .news_section-item {
        margin: 50px 0;
        display: block;
    }
}

.news_section-item-img {
    width: 27.5%;
    margin-right: 50px;
}

@media screen and (max-width: 600px) {
    .news_section-item-img {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.news_section-item-wrapper {
    width: calc(72.5% - 50px);
}

@media screen and (max-width: 600px) {
    .news_section-item-wrapper {
        width: 100%;
    }
}

.news_section-item-date {
    margin-bottom: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align:center;
}

    .news_section-item-date time {
        margin-right: 30px;

        font-size: 1.3rem;
        display: block;margin:auto;
    }

    .news_section-item-date a {
        width: 103px;
        background: #ed1c24;
        padding: 4px 0;
        text-align: center;
        line-height: 1;
        font-size: 1.1rem;
        color: #FFFFFF;
        display: block;
    }

        .news_section-item-date a:hover {
            opacity: 0.8;
        }

.news_section-item-title {
    margin-bottom: 19px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 1.8rem;
}

.news_section-item-text {
    line-height: 1.8;
}


.news_section .sub {
    width: 24.11764%;
    border-left: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
}

@media screen and (max-width: 900px) {
    .news_section .sub {
        width: 100%;
        border-left: none;
        border-bottom: none;
    }
}

.news_section-category {
    padding: 96px 50px 50px;
}

@media screen and (max-width: 900px) {
    .news_section-category {
        padding: 48px 25px 25px;
    }
}

.news_section-category-title {
    margin-bottom: 32px;
  
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
}

    .news_section-category-title:after {
        content: '';
        width: 40px;
        height: 6px;
        background: #000000;
        position: absolute;
        top: 50%;
        left: -58px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.news_section-category-list {
}

    .news_section-category-list li {
        margin-bottom: 10px;
        font-size: 1.4rem;
    }

        .news_section-category-list li:last-child {
            margin-bottom: 0;
        }

        .news_section-category-list li.cr a {
            color: #ed1c24;
        }

.news_banner {
    margin-left: 50px;
}

@media screen and (max-width: 900px) {
    .news_banner {
        margin: 0 25px;
    }
}


.news_section-navi {
    border-top: 1px solid #e6e7e8;
    padding: 20px 0;
}

    .news_section-navi ol {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .news_section-navi li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
        font-style: italic;
        font-family: "Noto Serif CJK JP", serif;
        font-size: 1.5rem;
    }

@media screen and (max-width: 600px) {
    .news_section-navi li {
        padding: 0 10px;
    }
}

.news_section-navi li .current_page {
    border-bottom: 1px solid #ed1c24;
    padding: 10px;
    display: block;
}

.news_section-navi li a {
    padding: 10px;
    display: block;
}


.news_section-entry {
    margin: 50px 50px 100px 0;
}

@media screen and (max-width: 991px) {
    .news_section-entry {
        margin: 25px 0 50px 0;
    }
}

.news_section-entry-title {
    margin-bottom: 60px;
    font-weight: 500;
    line-height: 1.3;
    font-size: 24px;
}

@media screen and (max-width: 600px) {
    .news_section-entry-title {
        margin-bottom: 30px;
        font-size: 24px;
    }
}

.news_section-entry-body {
    line-height: 2;
}

    .news_section-entry-body:after {
        content: '';
        display: block;
        clear: both;
    }

    .news_section-entry-body p {
        margin-bottom: 10px;font-size:18px;text-align: left;
    }

    .news_section-entry-body ul,
    .news_section-entry-body ol {
        margin-bottom: 2em;
        padding-left: 1.5em;
    }

        .news_section-entry-body ul li {
            list-style: disc;
        }

        .news_section-entry-body ol li {
            list-style-type: decimal;
        }

    .news_section-entry-body em {
        font-style: italic;
    }

    .news_section-entry-body strong {
        font-weight: bold;
    }

    .news_section-entry-body blockquote {
        margin: 0 1.9em 1em;
    }

    .news_section-entry-body pre {
        margin-bottom: 2em;
        padding: 5px 10px;
        border: 3px solid #CCC;
        background: #fff;
    }


.news_section-entry-navi {
    border-top: 1px solid #e6e7e8;
    padding: 20px 0;
}

    .news_section-entry-navi ol {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .news_section-entry-navi li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 40px;
        

        font-size: 18px;
     
        display: block;
    }

@media screen and (max-width: 640px) {
    .news_section-entry-navi li {
        padding: 0 10px;
    }
    .news_section-entry-body p{font-size:16px;}
}

.news_section-entry-navi li .current_page {
    border-bottom: 1px solid #ed1c24;
    padding: 10px;
    display: block;
}

.news_section-entry-navi li span {
    padding: 10px;
    display: block;
}

.news_section-entry-navi li.prev a span {
    background: url(../images/arrow-left.png) no-repeat left center;
    background-size: 4px auto;
    padding-left: 17px;
}

.news_section-entry-navi li.next a span {
    background: url(../images/arrow-right.png) no-repeat right center;
    background-size: 4px auto;
    padding-right: 17px;
}


#top .wrap{margin-top:120px;}






@media (max-width:991px){
    /* 改动 */
    .intApp-nav .swiper-container{
      height: 480px;
    }
    .gallery-top{margin-bottom: 0;}
    .intApp-nav .swiper-pagination{width:100%;height:50px;line-height:48px;position:absolute;border-top: 1px rgba(255,255,255,.3) solid;
      color:#fff;z-index:5;bottom: 22.5% !important;top: unset !important;left: 0 !important;}
    .intApp-nav .swiper-pagination span{width:68px;display:inline-block;position:relative;font-size:14px;font-family: Arial;}
    .intApp-nav .swiper-pagination span:before{content:"";width:5px;height:5px;position:absolute;top:-3px;left:50%;margin-left:-3px;
      background-color:#fff;border-radius:5px;opacity:0;}
    .intApp-nav .swiper-pagination span.swiper-pagination-bullet-active:before{opacity:1;}
    .intApp-nav .swiper-button-prev,.intApp-nav .swiper-button-next{width:50px;height:50px;line-height:50px;text-align:center;
      position:absolute;top:72%;left:0px;
      background-image: none;color:#fff;font-size:16px;z-index:10;}
    .intApp-nav .swiper-pagination-white .swiper-pagination-bullet {
        background: transparent;
        opacity: .5 !important;
    }
    .intApp-nav .swiper-pagination-white .swiper-pagination-bullet-active{background: transparent; opacity: 1 !important;}
    .intApp-nav .swiper-button-next{left:auto;right:0px;}
    .intApp-nav .swiper-slide img {
      height: 390px;
    }
    .intApp-nav .intw-swiper .dot-active{
      top: unset;
      width: 100%;
      padding: 20px;
      /* position: absolute;
      top: 50%;
      left: 50%;
      width: 53%;
      transform: translateX(-50%); */
    }
    .intApp-nav  .dot-active .intw-icon {
      width: 80px;
      position: absolute;
      bottom: 180px;
      left: 50%;
      transform: translateX(-50%);
    }
    .intApp-nav .dot-cont .num-txt{width: 100%;}
    .intApp-nav .dot-cont .num-txt h4{color: #111;text-align: center;}
    .intApp-nav .dot-cont .num-txt p{color: #333;height: auto;text-align: center;}
    /* 改动end */
}
@media (max-width:767px){
  .intApp-nav .dot-cont .num-txt p{font-size: 14px;}
  .intw-more {margin-top: 20px;}
  .intApp-nav .swiper-pagination span{width:50px;}
}
@media (max-width:640px){
  .intApp-nav .swiper-container {height: 400px;}
  .intApp-nav .swiper-button-prev, .intApp-nav .swiper-button-next{width: 30px;height: 30px;line-height: 30px;top: 71%;}
  .intApp-nav .swiper-pagination span {width: 30px;}
  .intApp-nav .swiper-slide img {height: 290px;}
  .intApp-nav .swiper-pagination{bottom: 23.9% !important;}
  .intApp-nav .dot-active .intw-icon {width: 70px;bottom: 150px;
    margin-bottom: 0;}
  .intApp-nav .dot-cont .num-txt p{font-size: 14px;}
}
@media (max-width:410px){
  .intApp-nav .swiper-pagination span {width: 20px;}
}



.ab6-txt::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0;
    transition: ease .5s;
}
.ab6-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s;
    opacity: 0;
    z-index: 6;
    transition-delay: 0.35s;
    text-align: center;
    padding: 20px 15px;
    margin-top: -1px;
    opacity: 0;
   
   
}
.store-cont li:hover .ab6-txt {
    opacity: 1;
    
}
.store-cont .ab6-txt .stor-list{padding:10px 28px;}
.store-cont li:nth-child(4) {
  margin-left:17%;
}
@media(max-width:767px) {
    .ab6-txt {
        padding: 5px 5px ;
    }
    .store-cont li:nth-child(4) {
        margin-left: 0;
    }
    .store-cont li:last-child {
        margin-left:25%;
    }
}
@media(max-width:460px) {

    .store-cont li:last-child {
        margin-left: 0;
    }
}
.appbanner{display: none;}
@media (max-width:640px) {
	.appbanner{display: block;}
	.pcbanner{display: none;}
}
@media (max-width:1570px) {
	.abo-top .abo-right{top:45px;}
		.abo-bottom .abobt-right{top:60px;}
	}
	@media (max-width:1260px) {
		.abo-top .abo-right{top:40px;}
		.abo-bottom .abobt-right{top:0px;}
	}
@media (max-width:1150px) {
	.abo-top .abo-right{top:40px;}
	.abo-bottom .abobt-right{top:0px;}
}
@media (max-width:991px) {
	.abo-top .abo-right{top:55px;}
}






/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

.intw-title .ino-dec {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
}
.ino-tit {
    font-size: 20px;
}

.intApp-nav .swiper-slide img {
    height: 290px;
}.intApp-nav .dot-active .intw-icon{ display:none}

.intw-more {
    border: 1px solid #000;
    padding: 12px 20px;
    width: 100px;
    margin: 0 auto;
   
}.intw-more a{ text-align:center}
.intw-more a {
    color: #000;
    font-size: 14px;
    line-height: 14px;
    display: block;
    width: 100px;
    /* background: url(../images/black-jt.png) no-repeat right 6px center; */
    /* background-size: 22px 11px; */
    transition: all .5s;
    text-align: center;
    
}.intApp-nav .intw-swiper .dot-active{ padding:0}


}