.content{ width:1200px; margin:0 auto;}
/* top */
.top {width: 100%;height: 878px; position: relative;}
.banner {width: 100%;height: 878px;position: absolute;top: 0px;left: 0px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet {width: 80px;height: 3px;border-radius: 1.5px;opacity: 1;background-color: #ffffff;transition: all .5s;}
.banner .swiper-pagination-bullet-active {background-color: #bb281b !important;height: 6px !important;border-radius: 3px !important;transition: all .5s;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 57px;}
.nav,.navhov {position: absolute;width: 100%;height: 80px;top: 0px;left: 0px;z-index: 1000;background: #fff; background: linear-gradient(360deg, #bb281b, #ce3923);box-shadow: 0px 10px 10px rgba(0, 0, 0, .06);}
.navlogo {width: 16%;height: 80px;text-align: center;}
.navlogo a {display: block;} 
.navlogo a img {width: 222px;margin-top: 10px;} 
.navitem {width: auto;height: auto;margin: 0px;}
.navitem ul li {float: left;width: 135px;height: 45px;padding-top: 35px;}
.navitem ul li a {display: block;text-align: center;line-height: 15px;color: #fff;font-size: 18px;transition: all .5s;border-left: 1px solid #ccc;}
.navitem ul li:first-child a {border-left: 0px;}
.navitem ul li:hover a,.navitem ul li.active a {color: #fff;}

.navright {width: 10%;height: auto;}
.navicon {width: 55%;height: auto;}
.navicolist {width: 100px;height: auto;margin-top: 22px; float: right;}
.navicolist ul li {float: left;padding: 0 20px;transition: all .5s;text-align: center;border: 1px solid rgba(255,255,255,.6);height: 38px;line-height: 38px;border-radius: 20px;}
.navicolist ul li a {display: block;font-size: 14px;color: #ffffff;background: url(../image/navwechat.png) no-repeat left;padding-left: 25px;}
.navicolist ul li:first-child {margin-left: 0px;}
.navicolist ul li:nth-child(2) a {background-image: url(404.png);} 
.navicolist ul li:nth-child(3) a {background-image: url(404.png);} 
.navicolist ul li:hover {margin-top:-5px;}
.navtel {font-weight: 700;font-family: Times New Roman;position: absolute;right: 20px;top: 21px; border: 1px solid rgba(255,255,255,.6);border-radius: 20px;height: 38px;line-height: 1.1;color: #333;background: url(../image/icon-tel2017.png) 1px 50% no-repeat;padding: 0 15px 0 43px;}
.navtel p{font-size: 12px; line-height: 18px; color: #fff;}
@media screen and (-webkit-min-device-pixel-ratio: 0){
.navtel span{
            background-image: -webkit-linear-gradient(left, #fff, #3a3a3a2b 25%, #fff 50%, #fff 75%, #fff);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            -webkit-animation: masked-animation 2s infinite linear;
            }}
.navtel .navtelimg {width: 158px;height: 18px;margin-top: 32px;background: url(404.png) no-repeat center;}
.navtel .navtelimg img {width: 100%;}
.navtel .navtelth {width: 62px;height: 26px;border-radius: 8px;border: 1px solid #bb281b;margin-top: 26px;transition: all .5s;}
.navtel .navtelth a {display: block;text-align: center;color: #bb281b;line-height: 26px;font-size: 14px;transition: all .5s;}
.navtel .navtelth:hover {background-color: #bb281b;}
.navtel .navtelth:hover a {color: #ffffff;}
.navhov {/*background-color: #ffffff;*/display: none;position: relative; background: linear-gradient(360deg, #bb281b, #ce3923);}
.navhov .navitem ul li a {color: #fff;border-left: 1px solid #ccc;}
.navhov .navitem ul li:first-child a {border-left: 0px;}
.navhov .navicolist ul{position: relative;}
#wxImg{display: none;position: absolute;left: -30px;top: 42px;width: 150px;background: #fff;padding: 10px 10px 0 10px;overflow: hidden;}
@media screen and (-webkit-min-device-pixel-ratio: 0){
.navhov .navtel{ border: 1px solid rgba(255,255,255,.8);}
.navhov .navtel p{ color: #fff;}
.navhov span{
            background-image: -webkit-linear-gradient(left, #fff, #3a3a3a2b 25%, #fff 50%, #fff 75%, #fff);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            -webkit-animation: masked-animation 2s infinite linear;
            }}
.nav .navitem ul li.active a {
 color: #ffffff;
 font-weight: 900;
}
.fixednav .navitem ul li:hover a,.fixednav .navitem ul li.active a,.navhov .navitem ul li:hover a {color: #fff;}
.navhov .navicolist ul li a {color: #9a9a9a;background-image: url(../image/navwechat_hov.png);}
.navhov .navicolist ul li:nth-child(2) a {background-image: url(404.png);}
.navhov .navicolist ul li:nth-child(3) a {background-image: url(404.png);}
.navhov .navtel .navtelimg {background-image: url(404.png);}
.navhov .navitem ul li .navhov_xl {width: 100%;height: 50px;background-color: #ffffff;position: absolute;top: 80px;left: 0px;border-top: 1px solid rgba(0, 0, 0, .2);display: none;box-shadow: 0px 10px 10px rgba(0, 0, 0, .03);}
.navhov .navitem ul li .navhov_xl ul {width: 50%;margin: 0 auto;}
.navhov .navitem ul li .navhov_xl ul li {border: 0px;height: 47px;padding-top: 0px;}
.navhov .navitem ul li .navhov_xl ul li:first-child {width: 130px;}
.navhov .navitem ul li .navhov_xl ul li a {line-height: 48px;color: #0d0d0d;border: 0px;font-size: 16px;}
.navhov .navitem ul li .navhov_xl ul li:hover a,
.navhov .navitem ul li .navhov_xl ul li a.eractive {color: #bb281b;}
.navhov .navitem ul li .navhov_xl ul li .ernavxl_line {width: 0px;height: 3px;background-color: #bb281b;transition: width .5s;margin: 0 auto;} 
.navhov .navitem ul li .navhov_xl ul li:hover .ernavxl_line,.navhov .navitem ul li .navhov_xl ul li.active .ernavxl_line {width:100%;} 
.navhov .navitem ul li .navhov_xl ul {margin-left: 39%;}
.fixednav {position: fixed;display: block !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);}
/* imglist */
.imglist {width: 100%;height: 620px;background: url(404.png) no-repeat center;border-top: 1px solid #a90c29;}
.imglist_item {width: 1385px;height: auto;margin: 0 auto;padding: 74px 0px 78px;}
.imglist_item ul li {float: left;width: 304px;height: 468px;margin-left: 53px;box-shadow: 15px 15px 40px rgba(0, 0, 0, .3);transition: all .5s;}
.imglist_item ul li:first-child {margin-left: 0px;}
.imglist_item ul li:hover {margin-top: -10px;}
.imglist_item ul li a {display: block;}
.imglist_item ul li a img {width: 100%;}
/* about */
.aboutbg{width: 100%; background: url(../image/aboutbg.jpg) center;}
.about {width: 1200px;padding: 100px 0px;margin: 0 auto;}
.aboutico {width: 49%;height: auto;box-shadow: 10px 10px 15px rgba(0, 0, 0, .1); line-height: 0;}
.aboutico img {max-width: 100%;}
.aboutdesc {width: 48%;height: auto;overflow: hidden;}
.aboutdescimg img {display: block;margin-top: 10px;}
.aboutdescpart h3 {font-size: 35px; color: #ececec; font-weight: bold;}
.aboutdescpart h2 {font-size: 28px;letter-spacing: .5px;color: #bb281b;padding: 0 0px 32PX;font-weight: bold; margin-top: -10px;}
.aboutdescpart p {font-size: 16px;color: #6f6f6f;line-height: 30px;margin-bottom: 10px;}
.aboutlist {margin-top: 50px;margin-bottom: 65px;}
.aboutlist ul li {width: 130px;height: 50px;float: left;margin-left: 15px;}
.aboutlist ul li a {display: block;text-align: center;border-radius: 24px;background: #bb281b;line-height: 50px;font-size: 16px;color: #ffffff;font-weight: bold;border: 1px solid #bb281b;transition: all .5s;}
.aboutlist ul li a:hover,.aboutlist ul li a.active {border: 1px solid #bb281b;background: #ffffff;color: #d2011c;}
.aboutlist ul li:first-child {margin-left: 0px;}
.aboutmore {width: 108px;height: auto;border-bottom: 8px solid #bb281b;text-align: center;transition:  all .5s;/* margin-top: 35px;*/}
.aboutmore a {display: block;color: #0d0d0d;line-height: 6px;font-size: 16px;font-weight: bold;}
.aboutdesc  .aboutmore:hover {margin-left: 10px;}
.aboutdesc  .aboutmore1{margin-top: 45px;}

.aboutmore .ernavxl_line {width: 0px;height: 3px;background-color: #bb281b;transition: width .5s;margin: 0 auto;} 
.aboutmore:hover .ernavxl_line,.aboutmore.active .ernavxl_line {width:100%;} 
/* company product */
.compro {width: 100%;height: 980px;background: url(404.png) no-repeat center;}
.compro_part {width: 1385px;margin: 0 auto;}
.compro_name {width: 350px;height: 160px;background: url(404.png) no-repeat center;margin:  0 auto;}
.compro_name h3 {color: #0d0d0d;font-size: 36px;letter-spacing: 1px;line-height: 170px;padding-left: 90px;}
.compro_list,.compro_litop{width: 100%;height: auto;}
.compro_litopl,.compro_litopr {width: 50%;height: 459px;transition: all .5s;}
.compro_litopl a {display: block;}
.compro_litopl a img {width: 100%;height: 100%;}
.compro_ltrtop {width: 100%;height: 312px;transition: all .5s;}
.compro_ltrtop a {display: block;}
.compro_ltrtop a img {width: 100%;height: 100%;}
.compro_ltrbot {width: 100%;height: 147px;}
.compro_ltrbot ul li {float: left;width: 50%;height: 147px;transition: all .5s;}
.compro_ltrbot ul li a {display: block;}
.compro_ltrbot ul li a img {width: 100%;height: 100%;}
.compro_ltrbot ul li:nth-child(2) {background-color: #f1f1f1;}
.compro_ltrbot ul li .aboutmore {margin: 65px auto 0px;}
.compro_ltrbot ul li:hover .aboutmore {margin-top: 60px;}
.compro_ltrtop:hover,.compro_litopl:hover,.compro_ltrbot ul li:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);transform: scale(1.01);}
.compro_libot {width: 100%;}
.compro_libot ul li {width: 345.5px;height: 266px;float: left;border-left: 1px solid #ebebeb;transition: all .5s;}
.compro_libot ul li a {display: block;}
.compro_libot ul li a img {width: 100%;height: 100%;}
.compro_libot ul li:first-child {border-left: 0px;}
.compro_libot ul li:hover {box-shadow: 6px 10px 20px rgba(0, 0, 0, .2);transform: scale(1.01);}
/*基地*/
.picbox{width:1200px;margin:40px auto 0 auto; position: relative;}
#featured{height:540px;overflow:hidden;position:relative;}
#featured .image{position:absolute;height:540px;overflow:hidden;}
#featured .image img{height: 100%;}
#thumbs{width: 100%;position: absolute;top: 68%;left: 0;background: rgb(0 0 0 / 30%);padding: 10px 0;}
#thumbs ul{overflow: hidden; width: 60%; margin: 0 auto;}
#thumbs li{display:inline;float:left;cursor:pointer}
#thumbs li a{display:block;font-size:0px;width:85px;height: auto;margin: 0 5px;border:3px solid #fff;}
#thumbs li a img{display:block;font-size:0px;width: 85px;height: 66px;}
#thumbs li a:hover img{display:block;height:66px;width:85px;}
#thumbs li a.current img{display:block;height: 66px;width: 85px;}
#thumbs li a:hover{border:3px solid #ffbb48;}
#thumbs li a.current{border:3px solid #ffbb48;}
#thumbs li a .word{z-index:10;width:100%;color:#fff;text-align:center;background: rgb(2 2 2);font-size:12px;line-height:17px;color:#fff;}
#thumbs li a .word h3{font-size:13px;height:20px;padding:2px 0;color: #fff;}
#thumbs li a .word p{line-height:28px; color: #fff;}

.sdjd-ban{
  overflow: hidden;
  text-align: center;
  padding: 480px;
}
.sdjd-ban .name{
  padding-top: 160px;
}
.sdjd-ban .main strong{
  border: solid 2px #fff;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 30px;
  line-height: 25px;
  margin: 30px auto 0 auto;
  text-align: center;
  width: 300px;
}
.sdjd-ban .main em{
  background: #fff;
  border-radius: 50px;
  color: #666;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  height: 35px;
  line-height: 35px;
  margin: 50px 5px;
  padding: 0 35px;
  transition: .3s;
  position: relative;
}
.sdjd-ban .main em:hover{
  transition: .3s;
}
.sdjd-ban .main em a{
  color: #666;
  position: relative;
  z-index: 99;
}
.xmpyjd{
  padding: 40px 0;
}
.sdjd-name{
  text-align: center;
}
.sdjd-main{
  background: #fff;
  margin-top: 30px;
}
.sdjd-l{
  float: left;
  padding: 50px;
}
.sdjd-l em{
  color: #666;
  display: block;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  padding: 20px 0 0 0;
}
.sdjd-l .sdjd-img{
  margin-top: 40px;
}
.sdjd-r{
  float: right;
  height: 390px;
  position: relative;
  width: 615px;
}
.sdjd-r .video-btn{
  background: none;
  height: auto;
  left: 0;
  position: absolute;
  top: 0px;
  width: auto;
}
.main em .font{width:100%;height:35px;top:0px;left:0;position:absolute;z-index: 1;}
.main em .font::before,.main em .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;border-radius: 50px;}
.main em .font::before{top:0px;right:0px;bottom:0px;left:0px;border-top:2px solid #bb281b;border-bottom:2px solid #bb281b;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.main em .font::after{top:0px;right:0px;bottom:0px;left:0px;border-right:2px solid #bb281b;border-left:2px solid #bb281b;transform:scale(1,0);transform-origin:100% 0;}
.main em:hover .font::before,.main em:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;border-radius: 50px;}
/*定义滚动条轨道 内阴影+圆角*/
.shopsearch_list_scroll::-webkit-scrollbar-track {
    width: 2px;
    box-shadow: inset 0 0 0px #e3e3e3;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1);
  }
   
  /*定义滑块 内阴影+圆角*/
  .shopsearch_list_scroll::-webkit-scrollbar-thumb {
      width: 6px;
    border-radius: 10px;
    box-shadow: inset 0 0 0px #bb281b;
    background-color: #bb281b;
  }
/* footad */
.footad {width: 100%;height: 250px;background: url(404.png) no-repeat center;margin-top: 70px;}
.footaditem {width: 1385px;margin: 0 auto;height: auto;}
.footaditem ul li {float: left;width: 229.5px;height: 171px;border-right: 1px solid #ff1938;overflow-y: visible;text-align: center;}
.footaditem ul li .footliadimg {width: 83px;height: 50px;margin: 50px auto 15px;text-align: center;}
.footaditem ul li .footliadimg img {max-width: 100%;transition: all.5s;line-height: 50px;}
.footaditem ul li h3 {font-size: 16px;font-weight: bold;color: #ffffff;padding-bottom: 18px;}
.footaditem ul li p {font-size: 13px;color: #ff9999;line-height: 22px;padding: 0px 44px;}
.footaditem ul li:first-child {border-left: 1px solid #ff1938;}
.footaditem ul li:hover .footliadimg img  {transform: scale(1.15);}
/* foot */
.foot {width: 100%;height: auto;background-color: #0d0d0d;}
.footitem {width: 1200px;height: auto;margin: 0 auto;padding-top: 70px;}
.footleft {width: 400px;height: auto;}
.foottel {width: 100%;height:auto;background-position-y: 4px;}
.foottel p {font-size: 18px;color: #aaa;padding-bottom: 10px; line-height: 30px;}
.foottel p a {font-size: 24px;color: #cd3823;font-weight: bolder; letter-spacing: 1px;}
.foottel p a span {padding-left: 90px;}
.footaddemail {width: 100%;margin-top: 5px;}
.footaddemail p {font-size: 14px;color: #aaa;line-height: 40px;}
.footaddemail p a {color: #aaa;}
.footicoli {width: 100%;position: relative;}
.footicoli ul li {float: left;margin-right: 25px;}
.footicoewm {width: 150px;display: none;position: absolute;top: 10px;left: 100%;}
.footicoewm img {width: 100%;}
.footmid {width: 200px;height: auto;text-align: center;}
.footmid ul li {float: left;width: 200px;margin-left: 35px;}
.footmid ul li a {display: block;}
.footmid ul li a img {max-width: 100%;transition: all .5s;}
.footmid ul li:first-child {margin-left: 0px;}
.footmid ul li:hover a img {transform: scale(1.1);}
.footright {width: 500px;height: auto;}
.footr_nav {width: 86px;height: auto;}
.footr_nav ul li {width: 100%;border-bottom: 1px solid #333333;height: 35px;line-height: 35px;}
.footr_nav ul li a {display: block;color: #ffffff;font-size: 16px;font-weight: bold;text-align: right;transition: all .5s;}
.footr_nav ul li a:hover {color: #bb281b;}
.footr_navli {width: 400px;height: auto;}
.footr_navli dl {width: 65px;height: auto;float: right;margin-right: 65px;}
.footr_navli dl dt,.footr_navli dl dd {width: 100%;text-align: right;}
.footr_navli dl dt a {font-size: 16px;color: #ffffff;display: block;padding-bottom: 20px;}
.footr_navli dl dd a {font-size: 13px;color: #9a9a9a;display: block;line-height: 26px;transition: all .5s;}
.footr_navli dl dd a:hover {color: #ffffff;}
.footlink {width: 318px;height: 46px;border-radius: 4px;border: 1px solid #333;background-color: #111111;margin-top: 0;position: relative;cursor: pointer;}
.footlink p {font-size: 13px;color: #999;line-height: 46px;padding-left: 20px;width: 70%;float: left;}
.footlink .footlinkico {float: right;width:40px;height: 20px;transform: rotate(270deg);margin-right: 10px;}
.footlink span {color: #999;}
.footlinklist {width: 100%;height: auto;position: absolute;bottom: 46px;border: 1px solid #333;background-color: #111111;display: none;}
.footlinklist ul li {width: 100%;height: 35px;}
.footlinklist ul li a {display: block;line-height: 35px;padding-left: 20px;color: #999;font-size: 13px;}
.footcopy {width: 100%;height: 60px;border-top: 1px solid #1a1a1a;margin-top: 25px;text-align: right;line-height: 60px;}
.footcopyitem {width: 1385px;margin: 0 auto;}
.footcopyitem p,.footcopyitem p a ,.footcopyitem p span{color: #999;font-size: 13px; text-align: center;}
.footcopyitem p span {text-align: left;display: block;float: left;margin-right: 8px;}
/* brand page */
.neitop .top {height: 1040px;}
.neitop .nav {background-color: #0d0d0d;}
.neifoodad {background: none;margin-top: 0px;}
.neifoodad .footaditem ul li p {color: #9a9a9a;}
.neifoodad .footaditem ul li h3 {color: #0d0d0d;}
.neifoodad .footaditem ul li {border-color: #eeeeee;}
.neifoodad .footaditem ul li:first-child {border-color: #eeeeee;}
.brandpvideo {width: 100%;height: 960px;position: absolute;top: 80px;}
.brandpvideo video {object-fit: fill;width: 100%;height: 100%;}
.china {width: 100%;height: 960px;}
.chinabrand {width: 100%;height: 100%;background: url(404.png) no-repeat center;}
.chinabrand h3 {font-size: 18px;color: #0d0d0d;font-weight: bold;padding: 475px 0px 0px 65%;}
.chinabrand h3 span {color: #bb281b;}
.chinabrand h4 {color: #0d0d0d;font-size: 15px;font-weight: bold;padding: 10px 0px 0px 65%;}
.taste,.sign,.unit,.screen,.bp_shop,.bp_cul {width: 100%;height: 877px;}
.brandtaste,.brandsign,.brandunit,.brandscreen,.bp_brandshop,.bp_brandcul {width: 100%;height: 100%;background: url(404.png) no-repeat center;}
.sign {height: 605px;}
.brandsign {background-image: url(404.png);}
.unit {height: 739px;}
.brandunit {background-image: url(404.png);}
.screen,.bp_shop,.bp_cul {height: 801px;}
.bp_shop {height: 800px;}
.brandscreen {background-image: url(404.png);}
.bp_brandshop {background-image: url(404.png);}
.bp_brandcul {background-image: url(404.png);}
.brandlist {width: 100%;height: 870px;position: relative;}
.brandli {width: 100%;position: absolute;left: 0px;top:0px;height: 100%;}
.brandli ul li {width: 227px;height: 100%;border-right: 1px solid rgba(255, 255, 255, .3);position: absolute;left: 0px;z-index: 9;top: 0px;}
.brandli ul li .brandli_title {width: 100%;text-align: center;}
.brandli ul li .brandli_title p {font-size: 18px;color: #fafafa;}
.brandli_img {position: absolute;width: 100%;height: 100%;background: url(404.png) no-repeat center;left: 0px;top: 0px;z-index: 1;}
.brandli_img2 {background-image: url(404.png);display: none;}
.brandli_img3 {background-image: url(404.png);display: none;}
.brandli_img4 {background-image: url(404.png);display: none;}
.brandli_img5 {background-image: url(404.png);display: none;}
.brandli ul li:first-child {left: 0px;}
.brandli ul li:nth-child(3) {left: 227px;}
.brandli ul li:nth-child(5) {left: 454px;}
.brandli ul li:nth-child(7) {left: 681px;}
.brandli ul li:nth-child(9) {left: 908px;}
.brandli_desc {width: 458px;height: 280px;position: absolute;top: 130px;right: 260px;background: url(404.png) no-repeat left;z-index: 10;}
.video_wave {width: 70px;height: 90px;position: relative;margin: 380px auto 0px;}
.video_ico {width:20px;height:20px;border: 3px solid rgba(224, 71, 103, .6);border-radius: 50%;background-color: rgba(228, 0, 43, .16);position: absolute;left: 22px;top: 22px;z-index: 9;cursor: pointer;}
.video_ico span {font-size: 40px;color: #ffffff;line-height: 70px;}
.video_wave1 {width: 70px;height: 70px;border-radius: 50%;background-color: rgba(228, 0, 43, .16);opacity: 0;position: absolute;top: 0px;left: 0px;animation: waves 3s ease-in-out infinite;animation-delay:0s;-webkit-animation-delay:0s;}
.video_wave2 {animation-delay:1s;-webkit-animation-delay:1s;}
.video_wave3 {animation-delay:2s;-webkit-animation-delay:2s;background-color: rgba(228, 0, 43, .08);}
.pictext_item {width: 1385px;margin: 0 auto;padding-top: 326px;}
.pictext_item h3 {font-family: 'MicrosoftJhengHei';width: 525px;margin-bottom: 25px;font-size: 18px;line-height: 36px;color: #0d0d0d;}
.pictext_item p {font-family: 'SourceHan';width: 400px;font-size: 8px;color: #9a9a9a;line-height: 24px;}
.pictext_itemr {padding-top: 290px;}
.pictext_itemr h3 {width: 540px;float: right;}
.pictext_itemr p {width: 500px;float: right;margin-right: 35px;}
.pictext_item3 {padding-top: 295px;}
.pictext_item3 h3 {color: #ffffff;width: 605px;}
.pictext_item3 p {width: 482px;}
.pictext_item4 {padding-top: 220px;}
.pictext_item4 h3 {width: 465px;padding-left: 12px;}
.pictext_item4 p {width: 445px;padding-left: 12px;}
.pictext_item5 {padding-top: 345px;}
.pictext_itemr6 {width: 1425px;}
.pictext_item7 {padding-top: 347px;}
.pictext_item7 h3 {width: 543px;}
/* about company introduction */
.neiimg_top {height:450px;}
.neiimg_banner {height: auto;}
.neibanner {width: 100%;height: 370px;background-position: center;background-repeat: no-repeat;margin-top: 80px;}
.comp_intro {width: 100%;height: auto;}
.comp_intro_item {width: 1200px;margin: 0 auto;}
.comp_indesc,.compceo_left  {width: 100%;height: auto;}
.comp_indtro_img {width: 100%;text-align: right;margin: 153px 0px 55px;}
.comp_indtro_img img {max-width: 100%;}
.comp_indtro_desc,.compceo_ldesc {width: 100%;}
.comp_indtro_desc p,.compceo_ldesc p {font-size: 16px;color: #666666;font-weight: lighter;line-height: 28px;}
.compceo_ldesc p{font-size: 25px; text-align: center; line-height: 40px;}
.compceo_ldesc p span{font-size: 35px;font-family: fantasy;line-height: 35px;margin: 2px 15px;color: #bb281b;}
.compceo_ldesc p .ppyj{font-size: 32px;font-family: fantasy;line-height: 40px;;color: #bb281b;}
.comp_ceo {width: 100%;}
.compceo_item {width: 1200px;margin: 0 auto;}
.comp_lk{width: 100%; text-align: center; padding: 80px 0 30px;}
.comp_lk h3{font-size: 32px;}
.comp_lk h3 span{color: #bb281b;font-weight: bold;}
.comp_lk .comp_xian{width: 65px;height: 3px;background: #bb281b;border-bottom: 1px solid #fff;margin: 15px auto 10px;}
.comp_lk p{text-transform: uppercase; color: #ccc;}
.compceo_left img {max-width: 100%;margin: 196px 0px 72px;}
.compceo_right {width: 630px;height: auto;}
.compceo_right img {max-width: 100%;margin-top: 70px;}
.comceolist {width: 100%;height: auto;margin-top: 120px;}
.comceolist ul li {width: 430px;height: 300px;margin-right: 47px;position: relative;overflow: hidden;float: left;margin-top: 40px;}
.comceolist ul li:nth-child(3n) {margin-right: 0px;}
.comceolist ul li a {display: block;}
.comceolist ul li img {width: 100%;height: 100%;}
.comceolist ul li .comceo_lititle {width: 100%;height: 70px;background-color: rgba(0, 0, 0, .6);position: absolute;bottom: 0px;}
.comceolist ul li .comceo_lititle p {font-size: 16px;color: #ffffff;padding-left: 30px;line-height: 70px;}
.comceolist ul li:hover img {transform: scale(1.05);}
.comceolist ul li:hover .comceo_lititle p {padding-left: 20px;}
.comp_service {width: 100%;height: 861px;background: url(404.png) no-repeat center;position: relative;}
.comp_servitem{width: 1450px;margin: 0 auto;}
.comp_serleft {width: 1062px;height: 580px;margin-top: 140px;position: relative;}
.comp_servlist {width: 100%;height: 100%;}
.comp_servlist ul li {float: left;width: 354px;height: 290px;background-color: #ececed;} 
.comp_servlist ul li:nth-child(2n) {background-color: #ffffff;} 
.comp_servli_title {width: 130px;height: 30px;background: url(../image/comp_servlibg.png) no-repeat left;padding-left: 20px;margin: 110px 0px 0px 35px;transition: all .5s;}
.comp_servli_title h3 {line-height: 30px;font-size: 24px;font-weight: bold;color: #0d0d0d;text-align: left;}
.comp_servli_desc {margin: 30px 0px 0px 58px;}
.comp_servli_desc p {color: #666666;font-weight: lighter;font-size: 16px;line-height: 28px;text-align: left;}
.comp_servlist ul li:hover .comp_servli_title {margin-top: 100px;}
.comp_serright {width: 305px;height: auto;}
.comp_serrimg {width: 100%;text-align: right;}
.comp_serrimg img {max-width: 100%;margin: 146px 0px 70px;}
.comp_serrdesc {width: 100%;}
.comp_serrdesc p {text-align: right;color: #9a9a9a;font-size: 16px;line-height: 28px;font-weight: lighter;}
.comp_serleft .swiper-pagination {bottom: -30px;}
.comp_serleft .swiper-pagination-bullet {width: 531px;border-radius: 0px;height: 2px;background-color: #e2e2e2;opacity: 1;display: block;float: left;}
.comp_serleft .swiper-pagination-bullet-active {height: 6px;border-radius: 3px;background-color: #bb281b;margin-top: -2px;}
.abimg{width: 100%; margin: 35px 0;}
.abimg li{width: 32%;float: left;text-align: center; margin-right: 2%}
.abimg li:nth-child(3n){margin-right: 0%}

/* company history */
.comp_his {width: 100%;height: 970px;background: url(404.png) no-repeat bottom;}
.comp_hisitem {width: 1350px; margin: 0 auto; overflow: hidden; }
.comp_jidi {width: 100%; margin: 0 auto; overflow: hidden; }
.comp_hisname {padding: 100px 0px;}
.comp_hisname img {max-width: 222px;}
.comp_hislist {height: 580px;}
.comp_hislist .swiper-slide {align-items:initial;display: block;text-align: left;height: 497px;border-left: 1px solid #ececec;}
.comp_hislist .swiper-slide-active {border-left: 0px;}
.comp_hislist .swiper-pagination-progressbar {top: 576px;}
.comp_hislist .swiper-button-next {right: 18%;}
.comp_hislist .swiper-button-next, .comp_hislist .swiper-button-prev {width: 60px;height: 60px;background-color:#ffffff;border-radius: 50%;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);transition: all .5s;opacity: 0;top: 45%;}
.comp_hislist .swiper-button-next:after, .comp_hislist .swiper-button-prev:after {font-size: 28px;color: #bb281b;font-weight: bold;}
.comp_hislist:hover .swiper-button-next, .comp_hislist:hover .swiper-button-prev {opacity: 1;}
.comp_hislist .swiper-pagination-progressbar {background-color: #e2e2e2;}
.comp_hislist .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #bb281b;border-radius: 3px;}
.comp_hislist .swiper-button-disabled {display: none;transition: all .5s;}
.comp_hisli_img {margin: 26px 0px 46px 36px;}
.comp_hisli_img h3 {font-size: 46px;font-family: 'Oswald';color: #bb281b;font-weight: bold;}
.comp_hisli_img1 {margin-left: 0px;}
.comp_hisli_desc {padding:0px 36px ;}
.comp_hisli_desc1 {padding-left: 0px;}
.comp_hisli_desc p {font-size: 16px;color: #666666;line-height: 28px;font-weight: lighter;}
.comp_honor {width: 100%;height: 855px;background: url(../image/comphonorbg.jpg) no-repeat center;}
.comp_honitem {width: 1385px;margin: 0px auto 0px;padding-top: 105px;}
.comp_honorimg {width: 100%;margin-bottom: 74px;}
.comp_honorimg img {max-width: 222px;}
.comp_honlist {height: auto;width: 100%;}
.comp_honlileft {width: 658px;height: 100%;background: url(404.png) no-repeat center;}
.comp_honllimg {width:100%;height: auto;margin: 73px auto 0px;}
.comp_honllimg .swiper-slide {align-items:initial;display: block;}
.comp_honllimg .swiper-pagination {bottom: 0px;}
.comp_honllimg .swiper-pagination-bullet {width: 80px;height: 6px;border-radius: 3px;background-color: #ffffff;opacity: 1;}
.comp_honllimg .swiper-pagination-bullet-active {background-color: #bb281b;}
.comp_honleft_img,.comp_honleft_img img {max-width: 80%; margin: 0 auto;}
.comp_honleft_imgk {margin-top: 45px;}
.comp_honleft_title p {font-size: 24px;font-weight: bold;color: #bb281b;}
.comp_honliright {width: 100%;height: 100%;/*overflow-y: scroll;*/}
.comp_honliright ul li {width: 24%;height: auto;float: left;border-radius: 15px; margin-right: 1%;margin-bottom: 2%;background: #fff; padding: 25px 0 15px;}
.comp_honliright ul li:nth-child(4n) {margin-right: 0;}
.comp_honliright ul li .comp_honlrimg {width: 100%;height: 194px;}
.comp_honliright ul li .comp_honlrimg img {width: 100%;height: 100%;object-fit: contain;}
.comp_honliright ul li .comp_honlrtitle {width: 100%;text-align: center;margin-top: 20px;}
.comp_honliright ul li .comp_honlrtitle p {font-size: 16px;color: #0d0d0d;line-height: 28px;}
.comp_honliright::-webkit-scrollbar {width: 6px;height: auto;background-color: #e3e3e3;}
/*定义滚动条轨道 内阴影+圆角*/
.comp_honliright::-webkit-scrollbar-track {
    width: 2px;
    box-shadow: inset 0 0 0px #e3e3e3;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1);
  }
   
  /*定义滑块 内阴影+圆角*/
  .comp_honliright::-webkit-scrollbar-thumb {
      width: 6px;
    border-radius: 10px;
    box-shadow: inset 0 0 0px #bb281b;
    background-color: #bb281b;
  }
  .comp_team {width: 100%;height: auto; padding-bottom: 50px;background:url(../image/xiebg.jpg);padding-top: 100px;}
  .comp_teamname {width: 100%;margin: 103px auto 57px;}
  .comp_teamname img {max-width: 222px;}
  .comp_teamdesc {width: 100%;}
  .comp_teamdesc p {color: #666666;font-size: 16px;font-weight: lighter;line-height: 28px;}
  .comp_teamimgli {padding: 50px 0px 50px; width: 66%; margin: 0 auto;}
  .comp_teamimgli .swiper-container {width: 100%;margin-left: 0px;}
  .comp_teamimgli .swiper-slide {width: 100%;border:10px solid #fff; box-sizing: border-box;}
  .comp_teamimgli .swiper-slide{ display:block; margin:0 auto; overflow:hidden; }
  .comp_teamimgli .swiper-slide img{width: 100%; display: block; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; }
  .comp_teamimgli .swiper-slide:hover{border:10px solid #bb281b; }
  .comp_teamimgli .swiper-slide:hover img{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; }
  /*大闸蟹*/
  .xie{width: 100%; padding: 100px 0 50px;}
  /*基地*/
  .jcjd{width: 100%; overflow: hidden;}
  .jidi1{width: 1200px; height: 500px; overflow: hidden; background: url(404.png) no-repeat 0 0; margin: 30px auto 80px; text-align: center;}
  .jidi1 img{width: 80%; margin-top: 50px;}
  .jidi2{width: 100%; height: 680px; overflow: hidden; background: url(404.png);}
  .jidi_video{width: 1200px; margin: 0 auto;}
  .jidi_video ul{width: 100%; overflow: hidden; margin-bottom: 60px;}
  .jidi_video ul li{width: 25%; text-align: center; float: left;}
  .jidi_video ul li img{width: 280px; height: 550px; text-align: center; margin-top: 80px;}
  .jd_title{width: 100%; text-align: center; padding: 100px 0 50px;}
  .jd_title .j_title{font-size: 30px;margin-bottom: 20px; margin-top: -30px; font-weight: 500;}
  .jd_title .j_titleen{font-size: 40px; font-weight: bold; font-family: -webkit-pictograph; color: #f5f5f5;text-transform: uppercase;}
  .jd_title .jd_bor{width: 120px; height: 5px; border-radius: 50px; background: #bb281b; margin: 0 auto;}
  /* 企业公益 */
  .comp_public_li {margin-bottom: 80px; overflow: hidden;}
  .comp_public_li ul{}
  .comp_public_li ul li {float: left;margin-left: 3.5%; margin-top: 20px; margin-bottom: 20px; width: 30%;transition: all .5s;    background: rgb(255 255 255 / 95%);}
  .comp_public_li ul li:nth-child(3n+1) {margin-left: 0px;}
  .comp_public_li ul li a {display: block;}
  .comp_public_li ul li a .comp_pbliimg {width: 100%;height: auto;overflow: hidden;}
  .comp_public_li ul li a .comp_pbliimg img {width: 100%;height: 100%;}
  .comp_public_li ul li a .comp_pblidesc {width: 100%;height: 66px;border-bottom: 3px solid #bb281b;}
  .comp_public_li ul li a .comp_pblidesc p {font-size: 16px;color: #0d0d0d;padding-left: 30px;line-height: 66px;}
  .comp_public_li ul li:hover {box-shadow:0px 0px 15px rgba(0, 0, 0, .15);}
  .comp_public_li ul li:hover .comp_pbliimg img {transform: scale(1.05);}
  .comp_public_li ul li:hover .comp_pblidesc p {padding-left: 20px;}
  /* company contact */
  .com_contact {width: 100%; }
  .com_contactitem {width: 1385px;margin: 0 auto;padding-top: 107px;}
  .com_conitem_l {width: 350px;}
  .com_conitem_l h2 {font-size: 36px;color: #0d0d0d;font-weight: bold;padding-bottom: 10px;}
  .com_conitem_l p {font-size: 16px;color: #666666;font-weight: lighter;line-height: 28px;padding-right: 33px;}
  .com_conitem_l p.comp_conadd {padding-bottom: 20px;}
  .com_conitem_l img {max-width:140px ;margin: 26px 0px 60px;transition: all .5s;}
  .com_conitem_l h3 {font-size: 18px;color: #555;font-weight: bold;padding-bottom: 10px;}
  .com_conitem_l .comp_contelimg{width: 255px; margin: 12px 0;}
  .com_conitem_l .comp_contelimg p {display: block;max-width: 100%;margin-bottom: 5px; font-size: 20px; font-weight: bold; }
  .com_conitem_l .comp_contelimg:hover p{margin-left: 10px; color: #bb281b;transition: all .5s;}
  .comp_contelimg .ernavxl_line {width: 0px;height: 5px;background-color: #bb281b;transition: width .5s;} 
  .comp_contelimg:hover .ernavxl_line, .comp_contelimg.active .ernavxl_line {width:60%;} 

  .com_conitem_l p.comp_conscan {padding-right:85px;}
  .com_conitem_l img.comp_conewm {margin-top: 10px;width: 130px;}
  .com_conitem_r {width: 985px;height: 595px;}
  .com_conitem_r iframe {width: 100%;height: 100%;}
  .comp_conshop {padding-top: 110px;transition: all .5s;}
  .comp_conshop .shopmore:hover {margin-left: 10px;}
  /* help page */
  .help .top {height: 80px;}
  .helppos {width: 100%;height: 105px;}
  .helppos_item {width: 1385px;height: 100%;margin: 0 auto;}
  .helppos_part {background: url(../image/helpposico.png) no-repeat left;padding-left: 30px;background-position-y:43px;}
  .helppos_item a {color: #666666;line-height: 105px;font-size: 14px;}
  .helppos_item a.active {color: #0d0d0d;}
  .helpitem {width: 100%;height: auto;padding: 40px 0px 125px;background-color: #fafafa;}
  .helppart {width: 1385px;margin: 0 auto;}
  .helpnav {width: 256px;min-height: 666px;border: 4px solid #eeeeee;border-radius: 4px;background-color: #dddddd;}
  .helpnav dl {text-align: center;margin: 20px 0px ;}
  .helpnav dl dt {font-size: 18px;color: #0d0d0d;font-weight: bold;margin-bottom: 15px;}
  .helpnav dl dd {height: 38px;width: 100%;}
  .helpnav dl dd a {font-size: 16px;color: #666666;font-weight: normal;line-height: 36px;}
  .helpnav dl dd:hover,.helpnav dl dd.active {background: url(404.png) no-repeat center;background-size: cover;}
  .helpnav dl dd:hover a,.helpnav dl dd.active a {color: #0d0d0d;}
  .helpcontent {width: 1065px;min-height: 666px;background-color: #ffffff;}
  .helppage_content {width: 960px;margin: 0 auto;padding-top: 25px;}
  .helppage_content h3.helppage_contitle {font-size: 22px;color: #0d0d0d;}
  .helppage_conitem {margin-top: 35px;font-size: 14px;line-height: 30px;}
  .helppage_conitem p,.helppage_conitem h4 {line-height: 30px;font-size: 14px;}
  .helppage_conitem img {max-width: 100%;}
  .helppage_conitem h4 {font-size: 16px;font-weight: bold;color: #0d0d0d;}
  /* newslist page */
  .news  {width: 100%;height: auto;}
.news .compro_name {margin-top: 25px;margin-bottom: 30px;}
.newsitem {width: 1385px;height: 620px;margin: 0 auto;position: relative;}
.newsitem ul li {float: left;margin-left: 20px; position: relative;}
.newsitem ul li .aboutmore {width: 120px;border-bottom: 13px solid #ffffff;position: relative;  z-index: 99;}
.newsitem ul li .aboutmore a {font-size: 18px;height:50px; line-height:50px; margin-top:-20px}
.newsitem ul li .aboutmore a.active,.newsitem ul li .aboutmore:hover a {color: #bb281b}
.newsitem ul li:first-child {margin-left: 0px;}

.newsitem ul li .ernavxl_line{width:120px;height:50px;top:-20px;left:0;position:absolute;z-index: 1;}
.newsitem ul li .ernavxl_line::before,.newsitem li .ernavxl_line::after{position:absolute;content:'';opacity:0;transition:all 0.5s;border-radius: 10px;}
.newsitem ul li .ernavxl_line::before{top:0px;right:0px;bottom:0px;left:0px;border-top:2px solid #bb281b;border-bottom:2px solid #bb281b;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.newsitem ul li .ernavxl_line::after{top:0px;right:0px;bottom:0px;left:0px;border-right:2px solid #bb281b;border-left:2px solid #bb281b;transform:scale(1,0);transform-origin:100% 0;}
.newsitem ul li:hover .ernavxl_line::before,.newsitem ul li:hover .ernavxl_line::after{opacity:1;transform:scale(1);transition: all 0.5s;border-radius: 10px;}
.newsitem ul li.active .ernavxl_line::before,.newsitem ul li.active .ernavxl_line::after{opacity:1;transform:scale(1);transition: all 0.5s;border-radius: 10px;}

.newslistp_nav {width: 100%;height: 120px;}
.newslistp_navitem {width: 1385px;margin: 0 auto;padding-top: 56px;}
.newslistp_navitem .newsitem {height: auto;position: static;}
.newslistp_navitem .newsitem ul {width: 410px; margin: 0 auto;}
.newslistp_list {width: 100%;height: auto;background-color: #fafafa;padding:75px 0px 90px;}
.newslistp_li {width: 1385px;height: auto;margin: 0 auto;}
.newslistp_li ul li {float: left;width: 660px;height: 631px;background-color:  #ffffff;border-radius: 4px;transition: all .5s;margin-right: 65px;margin-bottom: 85px;}
.newslistp_li ul li .newslistp_liimg {width: 100%;height: 400px;overflow: hidden;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.newslistp_li ul li .newslistp_liimg img {width: 100%;border-top-left-radius: 4px;border-top-right-radius: 4px;transition: all .5s;height: 100%;object-fit: cover;}
.newslistp_li ul li .newslistp_lidesc {width: 575px;margin: 50px auto 0px;height: 141px;}
.newslistp_li ul li .newslistp_lidesc .newslistp_lidate {width: 125px;border-right: 1px solid #eeeeee;height: 100%;}
.newslistp_li ul li .newslistp_lidesc .newslistp_lidate p {font-weight: bold;font-size: 18px;color: #0d0d0d;padding-top: 117px;}
.newslistp_li ul li .newslistp_lidesc .newslistp_liinfo {width: 406px;}
.newslistp_li ul li .newslistp_lidesc .newslistp_liinfo h3 {font-size: 16px;font-weight: bold;color: #0d0d0d;padding-bottom: 18px;transition: all .5s;}
.newslistp_li ul li .newslistp_lidesc .newslistp_liinfo p {font-size: 14px;font-weight: normal;color: #9a9a9a;line-height: 26px;}
.newslistp_li ul li:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);}
.newslistp_li ul li:hover .newslistp_lidesc .newslistp_liinfo h3 {color: #bb281b;}
.newslistp_li ul li:hover .newslistp_liimg img {transform: scale(1.05);}
.newslistp_li ul li:nth-child(2n) {margin-right: 0px;}
.page {width: 100%;text-align: center;margin: 14px 0px;}
.page a {font-size: 14px;color: #0d0d0d;margin: 0px 4px;padding: 8px 20px;line-height: 10px;text-align: center; border: 1px solid #bb281b;}
.page a:hover,.page a.page-num-current {background: #bb281b; color: #fff;}
.page a.on {background: #bb281b; color: #fff;}
.page-status ,.page-last,.page-index{display: none;}
/* news page */
.newspage {width: 100%;height: auto;background-color: #fafafa;padding: 70px 0px 120px ;}
.newspage_item {width: 1385px;margin: 0 auto;}
.newspage_left {width: 932px;height: auto;}
.newspage_title {width: 100%;margin-bottom: 45px;}
.newspage_title h2 {font-size: 36px;font-weight: bold;color: #0d0d0d;padding-bottom: 28px;}
.newspage_title p {font-size: 14px;font-weight: normal;color: #9a9a9a;}
.newspage_title1 {width: 100%;margin-bottom: 45px; text-align: center;}
.newspage_title1 h2 {font-size: 36px;font-weight: bold;color: #0d0d0d;padding-bottom: 28px;}
.newspage_title1 p {font-size: 14px;font-weight: normal;color: #9a9a9a;}
.newspage_lbot {width: 100%;height: auto;padding: 40px 0px 70px;border-radius: 4px;background-color: #ffffff;}
.newspage_content {width: 860px;margin: 0 auto;}
.newspage_content p {font-size: 14px;color: #0d0d0d;line-height: 26px;}
.newspage_content p img,.newspage_content img {max-width: 100%;margin: 0 auto;display: block;}
.newspage_right {width: 390px;height: auto;}
.newspage_right ul li {width: 100%;height: 374px;border-radius: 4px;margin-bottom: 40px;background-color: #ffffff;transition: all .5s;}
.newspage_right ul li a {display: block;}
.newspage_right ul li a .newspager_img {width: 100%;height: 238px;border-radius: 4px;overflow: hidden;}
.newspage_right ul li a .newspager_img img {width: 100%;height: 100%;border-radius: 4px;transition: all .5s;}
.newspage_right ul li a .newspager_desc {width: 335px;height:105px ;margin: 20px auto 0px;}
.newspage_right ul li a .newspager_desc h3 {font-size: 16px; font-weight: bold;color: #0d0d0d;}
.newspage_right ul li a .newspager_desc h4 {font-size: 14px; font-weight: normal;color: #9a9a9a;padding: 12px 0px 15px;line-height: 19px;}
.newspage_right ul li a .newspager_desc p {font-size: 14px; font-weight: normal;color: #9a9a9a;}
.newspage_right ul li:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15) ;}
.newspage_right ul li:hover a .newspager_img img {transform: scale(1.03);}
.nextptev {width: 100%;height: 147px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;background-color: #ffffff;margin-top: 70px;}
.nextptev_item {width: 930px;margin: 0 auto;padding-top: 55px;}
.previtem,.nextitem {height: 50px;}
.previtem p,.previtem p a {font-size: 14px;color: #9a9a9a;line-height: 26px;}
.previtem:hover a {color: #010101;}
/* productlis home */
.prolistp {width: 100%;height:895px;background: url(404.png) no-repeat center;padding-top: 90px;}
.prolistp_list {width: 1385px;height: 810px;margin: 0px auto 0px;position: relative;}
.prolistp_list .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.prolistp_list .swiper-slide {
  background-size: cover;
  background-position: center;
}

.prolistp_list .gallery-top {
  height:810px;
  width: 400px;
  position: absolute;
  left: 0px;
  top: 1px;
  z-index: 9;
}

.prolistp_list .gallery-thumbs {
  height: 520px;
  width: 62%;
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  top: 120px;
  z-index: 9;
}

.prolistp_list .gallery-thumbs .swiper-slide {
  height: 100%;
  background: none;
}

.prolistp_list .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.prolistp_list .swiper-button-next, .prolistp_list .swiper-button-prev {top: 700px;width: 43px;height: 43px;background-color: #ffffff;border-radius: 50%;box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);transition: all .5s;}
.prolistp_list .swiper-button-prev {left: 1270px;}
.prolistp_list .swiper-button-next:after,.prolistp_list .swiper-button-prev:after {color: #bb281b;font-size: 20px;}
.prolistp_list .swiper-button-next:hover, .prolistp_list .swiper-button-prev:hover {background-color: #bb281b;}
.prolistp_list .swiper-button-next:hover:after, .prolistp_list .swiper-button-prev:hover:after {color: #ffffff;}
.prolistp_list .gallery-top .swiper-slide {border-radius: 4px;}
.prolistp_gtop_item {width: 320px;height: 330px;margin: 300px auto 0px;text-align: left;}
.prolistp_gtop_item h4,.prolistp_gtop_item h3 {color: #ffffff;font-size: 22px;line-height: 32px;font-family: 'SourceHan';}
.prolistp_gtop_item h4 strong,.prolistp_gtop_item h3 strong {color: #ffffff;font-family: 'Oswald';}
.prolistp_gtop_item h5 {color: #bb281b;font-size: 16px;padding: 30px 0px;}
.prolistp_gtop_item p {color: #ffffff;font-size: 14px;line-height: 24px;}
.prolistp_gtop_item .prolistp_gtop_type {width: 105px;border-bottom: 1px solid #bb281b;margin-top: 80px;}
.prolistp_gtop_item .prolistp_gtop_type p {color:  #bb281b;font-size: 24px;line-height: 30px;font-family: 'Oswald';}
.prolistp_gtop_item .prolistp_gtop_type p strong {color:  #bb281b;font-size: 34px;font-weight: bold;font-family: 'Oswald';}
.prolistp_list .swiper_slide_item {width: 94%;height:490px;background-color: #121212;border-radius: 4px;display: block;cursor: default;}
.prolistp_list .swiper-slide .prolistp_thumbs_img {width: 100%;height: 220px;border-top-left-radius: 4px;;border-top-right-radius: 4px;box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);}
.prolistp_list .swiper-slide-active .prolistp_thumbs_img {box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);}
.prolistp_thumbs_img img {max-width: 233px;height:150px;margin-top:40px ;}
.prolistp_thumbs_desc {width: 100%;height: 270px;background-color: #ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);text-align: left;}
.prolistp_list .swiper-slide-active .prolistp_thumbs_desc {box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);}
.prolistp_listbg {position: absolute;width: 398px;height: 804px;background: url(404.png) no-repeat center;bottom: 0px;left:446px;z-index: 1;}
.prolistp_thumbs_desc h4 {padding-top: 20px;}
.prolistp_thumbs_desc h4,.prolistp_thumbs_desc h3 {font-size: 18px;color: #000000;padding-left: 25px;line-height: 28px;font-family: 'SourceHan';}
.prolistp_thumbs_desc h4 strong, .prolistp_thumbs_desc h3 strong {font-family: 'Oswald';}
.prolistp_thumbs_desc p {font-size: 14px; color: #9a9a9a;padding: 13px 0px 30px 25px;}
.prolistp_tdesc_type {width: 90px;border-bottom: 1px solid #bb281b;margin:0px 0px 30px 25px;}
.prolistp_tdesc_type h5 {color: #bb281b;font-size: 20px;font-family: 'Oswald';}
.prolistp_tdesc_type h5 strong{font-size: 28px;color: #bb281b;font-family: 'Oswald';}
.prolistp_tdesc_link a {display: block;font-size: 14px;color: #9a9a9a;padding-left: 25px;}
.prolistp_tdesc_link a span {padding-left:135px;color: #9a9a9a;}
.prolisttp_name {width: 207px;height: 53px;position: absolute;z-index: 9;top: 45px;left: 535px;}
.prolisttp_name h3 {font-size: 24px;font-weight: bold;color: #0d0d0d;}
.prolisttp_name p {font-size: 18px;font-weight: normal;color: #666666;text-transform: uppercase;}
.prolistp_item2 {width: 100%;height: 940px;background: url(404.png) no-repeat center;position: relative;}
.prolistp_item2img {position: absolute;width: 1064px;height: 589px;left: 50%;margin-left: -532px;top: 300px;transition: all .5s;}
.prolistp_item2img img {max-width: 100%;}
.prolistp_item2hua {width: 250px;height: 293px;position: absolute;top: 460px;right: 120px;transition: all .5s;}
.prolistp_item2hua img {max-width: 100%;}
.prolistp_item2img:hover {top:290px ;}
.prolistp_item2hua:hover {top:450px ;}
.prolist_dzxgg {width: 100% !important;height: auto;}
.prolist_dzxgg img {width: 100%;display: block;}
.prolp_design {width: 100%;height:741px ;background: url(404.png) no-repeat center;position: relative;display: none;}
.prolp_design_show {display: block;}
.prolp_desitem {width: 950px;height: 307px;margin: 0 auto;padding-top: 320px;}
.prolp_des_box,.prolp_des_paper,.prolp_des_imglist {width: 538px;height: 307px; transition: all .5s ;position: absolute;left: 50%;margin-left: -269px;z-index: 9;}
.prolp_des_box img,.prolp_des_paper img {   max-width: 100%;}
.prolp_des_box {-webkit-animation: flash 1.5s 1s linear both; -moz-animation: flash 1.5s 1s linear both;animation: flash 1.5s 1s linear both;}
.prolp_des_paper {z-index: 1;}
.prolp_des_paper {-webkit-animation: flash2 1.5s 3s linear both; -moz-animation: flash2 1.5s 3s linear both;animation: flash2 1.5s 3s linear both;}
.prolp_des_imglist {width: 920px;margin-left: -460px;box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);opacity: 0;z-index: 9;height: 244px;margin-top: 31px;z-index: 10;}
.prolp_des_imglist {-webkit-animation: flash3 1.5s 3s linear both; -moz-animation: flash3 1.5s 3s linear both;animation: flash3 1.5s 3s linear both;}
/* 翻页效果 */
#box{width:100%; height: 100%; background:url(404.png) no-repeat;  position:relative; perspective: 1200px;cursor: pointer;}
      #box .pag1{width: 50%; height: 100%; position: absolute; top: 0; right: 0; transform-style:preserve-3d; transition:1s all ease; z-index:2; transform-origin:left center ;}
      #box .pag1 span{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
      .front{background: url(404.png) no-repeat right top; transform: translateZ(1.1px);}
      .back{background: url(404.png) no-repeat left top; transform: translateZ(-1.1px) scale(-1,1);}
      .pag2{width:50%; position:absolute; right:0; top:0; height:100%; background:url(404.png) no-repeat right top; z-index:1;}
.boxitem {position: relative;}
.prolp_des_icon {position: absolute;right: 0px;top: 40%;width: 50px;height: 50px;z-index: 99;}
.prolp_des_icon img {width: 100%;}
.prolp_mean {width: 100%;height: 869px;background: url(404.png) no-repeat center;position: relative;}
.prolp_meancard {width: 100%;height: 100%;position: absolute;background: url(404.png) no-repeat center;top: 0px;left: -20px;transition: all .5s;z-index: 0;}
.prolp_meancard:hover {left: 0px;}
.prolp_meanitem {width: 1385px;margin: 0 auto;height: auto;position: relative;}
.prolp_meantitle {width:100% ;height: 146px;background: url(404.png) no-repeat right;margin-top:280px;}
.prolp_meanlist  {width: 100%;height: auto;}
.prolp_meanlist .newslistp_navitem {width: 100%;padding-top: 80px;}
.prolp_meanlist .newslistp_navitem .newsitem ul {width: auto;float:right;}
.prolp_meanlist .newsitem ul li {margin-left: 30px;transition: all.5s;}
.prolp_meanlist .newsitem ul li .aboutmore {width: 130px;}
.prolp_meanlist .aboutmore a {font-size: 16px;color: #bb281b;font-weight: lighter;line-height: 10px;}
.prolp_meanlist .newsitem ul li:hover {margin-top: -10px;}
.prolp_way {width: 100%;height: 788px;background: url(404.png) no-repeat bottom;}
.prolp_way_show {display: block;}
.prolp_wayitem {width: 1385px;height: auto;margin: 0 auto;position: relative;}
.prolp_wayl {width: 405px;height: 407px;}
.prolp_waytitle {margin: 130px 0px 70px;width: 397px;height: 145px;}
.prolp_waytitle img {max-width: 100%;}
.prolp_way_list {margin-bottom: 30px;height: 30px;}
.prolp_way_list .aboutmore {width: 130px;margin-right: 28px;transition: all .5s;}
.prolp_way_list .aboutmore a {font-weight: normal; font-family: 'SourceHan';}
.prolp_way_list .aboutmore:hover {margin-top: -7px;}
.prolp_waydesc {width: 323px;height: auto;}
.prolp_waydesc p {font-size: 14px;line-height: 24px;color: #666666;font-family: 'SourceHan';}
.prolp_waypic {width:  0;height: 514px;background: url(404.png) no-repeat right;position: absolute;top: 0px;right: 0px;margin-top: 140px;
  opacity: 0;
  transition: all 3.5s 1s;
  /* -webkit-animation: propway 4.5s 0s linear ; -moz-animation: propway 4.5s 0s linear ;animation: propway 4.5s 0s linear ; */
}
.prolp_waypicon {width:  829px;opacity: 1;}
.prolp_scene {width: 100%;height: 783px;background: url(404.png) no-repeat center;}
/* product page */
.pptype {width: 100%;height: 80px;background:url(404.png) no-repeat center ;}
.pptypeitem {width: 1385px;height: auto;margin: 0 auto;}
.pptypeitem ul li {float: left;width: 100px;border-left: 1px solid #ffffff;height: 80px;}
.pptypeitem ul li:first-child {border-left:0px;}
.pptypeitem ul li a {line-height: 80px;display: block;color: #bb281b;}
.pptypeitem ul li:nth-child(2) {width: 230px;text-align: center;}
.pptypeitem ul li:nth-child(3) {width: 110px;text-align: center;}
.pptypexl {width: 100%;height: 250px;background: #ffffff;display: none;}
.pptypenav_icon {display: none;}
.pptypenav_icoshow {display: inline;}
.pptypenav_icohide {display: none;}
.pptypexl ul {width: 1385px;height: auto;margin: 0 auto;}
.pptypexl ul li {float: left;height: 250px;width: 200px;text-align: center;margin-left: 20px;}
.pptypexl ul li a {display: block;}
.pptypexl_img {margin-top: 33px;width: 100%;height: 125px;}
.pptypexl_img img {max-width: 100%;max-height: 100%;}
.pptypexl_desc {width: 100%;margin-top: 10px;}
.pptypexl_desc p {line-height: 20px;font-size: 14px;color: #666666;}
.pptypexl_desc p span {font-size: 14px;color: #666666;padding-left: 14px;}
.pptypexl ul li:first-child {margin-left: 0px;}
.ppofficial {width: 100%;height: 980px;background: url(404.png) no-repeat center;}
.ppofficial_item {width: 1385px;margin:  0 auto;}
.ppof_left {width: 773px;margin-top: 80px;}
.ppof_left h3 {font-size: 36px;font-weight: bold;color: #0d0d0d;line-height: 49px;}
.ppof_left h4 {font-size: 21px;font-weight: bold;color: #0d0d0d;letter-spacing: .5px;padding: 80px 0px 20px;}
.ppof_left p {font-size: 16px;font-weight: normal;color: #666666;letter-spacing: .5px;line-height: 32px;}
.ppof_leftimgli {width: 707px;height: 374px;margin: 85px auto 0px;box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);position: relative;}
.ppof_leftimgli .swiper-slide img {height: 100%;width: 100%;}
.ppof_leftimgli .swiper-button-next, .ppof_leftimgli .swiper-button-prev {width: 60px ;height: 60px;background-color: rgba(255, 255, 255, .9);border-radius: 50%;box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);opacity: 0;transition: all .5s;}
.ppof_leftimgli:hover .swiper-button-next, .ppof_leftimgli:hover .swiper-button-prev {opacity: 1;}
.ppof_leftimgli .swiper-button-next:after,.ppof_leftimgli .swiper-button-prev:after{color:#bb281b;font-size: 25px;}
.ppof_leftimgli .swiper-button-next {right: -15px;}
.ppof_leftimgli .swiper-button-prev {left: -15px;}
.ppof_right {width: 458px;height: auto;margin-top: 90px;}
.ppof_rtop {width: 100%;height: auto;}
.ppof_rtop h3 {font-size: 21px;font-weight: bold;color:#0d0d0d;letter-spacing: .5px;}
.ppof_rtop p {font-size: 72px;color:#bb281b;background: url(404.png) no-repeat left;padding-left: 30px;font-weight: 500;background-position-y: 30px;font-family: 'Oswald',Arial,SimSun;}
.ppof_rtop p sup {color:#bb281b ;font-size: 40px;font-weight: 500;font-family: 'Oswald',Arial,SimSun;}
.ppof_rmid {width: 100%;margin: 70px 0px 75px;}
.ppof_rmid ul li {float: left;width: 105px;height: 111px;background: url(404.png) no-repeat center;text-align: center;cursor: default;transition: all .5s;}
.ppof_rmid ul li h4 {font-size: 18px;color: #666666;letter-spacing: .5px;padding-top: 8px;}
.ppof_rmid ul li p {font-size: 34px;color: #0d0d0d;padding-top: 18px;font-family: 'Oswald',Arial,SimSun;}
.ppof_rmid ul li p span {font-size: 26px;font-family: "微软雅黑";}
.ppof_rmid ul li:nth-child(2n) {width: 55px;background: none;}
.ppof_rmid ul li:nth-child(2n) h5 {color: #666666;font-size: 26px;padding-top: 55px;}
.ppof_rmid ul li:nth-child(1):hover,.ppof_rmid ul li:nth-child(3):hover,.ppof_rmid ul li:nth-child(5):hover {margin-top: -10px;}
.ppof_rbot h3 {font-size: 21px;color: #0d0d0d;letter-spacing: .5px;font-family: 'SourceHan',Arial,SimSun;}
.ppof_rbot_table {height: 293px;width: 100%;border-radius: 4px;border: 1px dashed #a7a7a7;margin-top: 40px;padding-top: 20px;}
.ppof_rbot_table p {padding-left: 25px;font-size: 18px;line-height: 54px;letter-spacing: .5px;transition: all .5s;cursor: default;font-family: 'SourceHan',Arial,SimSun;}
.ppof_rbot_table p span {color: #bb281b;font-family: 'SourceHan',Arial,SimSun;}
.ppof_rbot_table p:hover {padding-left: 30px;}
.ppgold {width: 100%;height: 841px;background: url(404.png) no-repeat center;position: relative;}
.ppgold_img {position: absolute;width: 850px;height: 724px;background: url(404.png) no-repeat center;top: 10px;left: 200px;}
.ppgold_title {width: 567px;height: 193px;position: absolute;right: 258px;top: 354px;background: url(404.png) no-repeat center;}
.ppbrand {width: 100%;height: 960px;background: url(404.png) no-repeat center;}
.ppbranditem {width: 1385px;margin: 0 auto;position: relative;}
.ppbrandright {width: 520px;height: auto;text-align: right;margin-top: 238px;}
.ppbrandright img {max-width: 474px;}
.ppbrandlist {width: 100%;height: auto;margin-top: 50px;}
.ppbrandlist ul li {float: right;width: 160px;margin-right: 20px;}
.ppbrandlist ul li .aboutmore {width: 100%;height: 33px;}
.ppbrandlist ul li .aboutmore a {font-size: 16px;font-weight: normal;line-height: 20px;font-family: 'SourceHan',Arial,SimSun;}
.ppbrandlist ul li:first-child {margin-right: 0px;}
.ppbrandlist ul li .aboutmore:hover {margin-top: -10px;}
.ppbrandlogo {width: 169px;height: 37px;float: right;}
.ppbrandlogo img {max-width: 100%;}
.masked {width: 100%;height: 37px;position: absolute;right: 0px;top: 0px;}
.ppbrand_box {
  position:relative;
  overflow:hidden;
  cursor:pointer;
  margin:370px auto 0px;
  width:169px;
}
.ppbrand_boxshan {
  position:absolute;
  -webkit-animation:changeImg 3s ease 0s;
  -o-animation:changeImg 3s ease 0s;
  animation:changeImg 3s ease 0s;
  top:0;
  width:30%;
  height:100%;
  content:"";
  background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(255,255,255,.4) 50%,rgba(0,0,0,0) 100%);
  background:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(255,255,255,.4) 50%,rgba(0,0,0,0) 100%);
  background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(255,255,255,.4) 50%,rgba(0,0,0,0) 100%);
  background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(255,255,255,.4) 50%,rgba(0,0,0,0) 100%);
  transform:skewX(-45deg);
  animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}
.ppgoodxie {width: 100%;height: 973px;background: url(404.png) no-repeat center;}
.ppgooditem {width: 1385px;margin: 0 auto;}
.ppgoodtitle {width: 484px;height: 146px;margin: 86px auto 0px;}
.ppgoodtitle img {max-width: 100%;}
.ppgood14img {width: 194px;height: 105px;margin-top: 565px;}
.ppgood14img img {max-width: 100%;}
.ppnutrition {width: 100%;height: 660px;}
.ppnutrition .brandlist {height: 100%;position: relative;}
.ppnutrition .brandlist .brandli ul li {right: 0px;left: inherit;width: 383px;}
.ppnutrition .brandlist .brandli ul li:nth-child(3) {right: 383px;}
.ppnutrition .brandlist .brandli ul li:nth-child(5) {right: 766px;}
.ppnutrition .video_ico {border: 3px solid rgba(255, 255, 255, .6);background-color: rgba(255, 255, 255, .16);}
.ppnutrition .video_wave {margin-top: 280px;}
.ppnutrition .video_wave1 {background-color: rgba(255, 255, 255, .16);}
.ppnutrition .video_wave3 {background-color: rgba(255, 255, 255, .08);}
.ppndesc {width:748px ;height: 100%;background-color: #ffffff;}
.ppnutrition .brandli_img {background: none;}
.ppnutrition .ppndesc {position: absolute;left: 0px;}
.ppndesc img {max-width: 100%;margin: 200px 0px 0px 260px;}
.ppnimg {width: 100%;height:100%;position: absolute;right: 0px;text-align: right;}
.ppnimg img {max-width: 100%;max-height:100%;}
.pptrack {width: 100%;height: 938px;background: url(404.png) no-repeat center;display: none;}
.pptrackleft {width: 981px;height: 938px;}
.popup-container{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  overflow: hidden;
  position: relative;
}
.img-flex{
  position: absolute;
}
.img-flex ul{
  font-size: 0;
}
.img-flex ul li{
  display: block;
  background-repeat: no-repeat;
  float: left;
  position: relative;
}
.pptrack_show {display: block;}
.pptracktitle {width: 475px;height: auto;}
.ppttitle_img {width: 100%;height: 146px;margin: 250px 0px 0px 200px;}
.ppttitle_img img {max-width: 100%;}
.pptracktitle .ppbrandlist {margin-left: 200px;margin-top: 70px;}
.pptracktitle .ppbrandlist ul li:nth-child(2) {width: 140px;}
.pptracktitle .ppbrandlist ul li .aboutmore {height: auto;}
.pptracktitle .ppbrandlist ul li .aboutmore a {line-height: 10px;}
.pphonor {width: 100%;height: 840px;background: url(404.png) no-repeat center;}
.pphonoritem {width: 1385px;margin: 0 auto;}
.pphonortitle {width: 100%;}
.pphonortitle img {max-width: 100%;margin-top: 112px;}
.pphonorlist {height: 380px;}
.pphonorlist .swiper-container {height:380px;padding-top: 20px;}
.pphonorlist .comp_teamimgli {margin-top: 100px;margin-bottom: 0px;height: 380px;}
.pphonorli_item {width: 100%;height:340px;background: url(404.png) no-repeat bottom;border-radius: 4px;transition: all .5s;}
.pphonorli_img {height: 260px;width: 100%;text-align: center;}
.pphonorli_img img {max-width: 320px;max-height: 220px;object-fit: contain;}
.pphonorli_title {height: 68px;width: 100%;text-align: center;padding-top: 12px;}
.pphonorli_title p {font-size: 16px;line-height: 28px;color: #ffffff;}
.pphonorli_item:hover {margin-top: -20px;}
.pphome {width: 100%;height: 1102px;background: url(404.png) no-repeat center;}
.pphomeitem {width: 1385px;margin: 0 auto;}
.pphometitle {width: 100%;text-align: center;}
.pphometitle img {max-width: 100%;margin: 100px 0px 80px;}
.pphomelist {width: 100%;}
.pphomelist ul li {width: 400px;height: 610px;background-color: #ffffff;border-radius: 4px;box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);float: left;margin-left: 92px;transition: all .5s;}
.pphomelist ul li .pphomeli_img {width: 100%;height: 300px;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.pphomelist ul li .pphomeli_img img {max-width: 100%;max-height: 300px;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.pphomelidesc_item {width: 320px;margin: 45px auto 0px;}
.pphomelidesc_item .aboutmore  {width: 100px;border-width: 14px;margin-bottom: 30px;}
.pphomelidesc_item .aboutmore a {font-size: 20px;}
.pphlist_desc p {font-size: 16px;color: #666666;padding-right: 93px;line-height: 28px;font-weight: lighter;font-family: 'SourceHan';}
.pphlist_desc_img {margin: 32px 0px;width: 25px;transition: all .5s;}
.pphlist_desc_img img {max-width: 100%;}
.pphome_botlink a {font-size: 13px;color: #9a9a9a;font-weight: lighter;display: block;transition:  .5s;}
.pphome_botlink a span {color: #9a9a9a;font-weight: bold;display: block;float: right;line-height: 13px;}
.pphomelist ul li:first-child {margin-left: 0px;}
.pphomelist ul li:first-child .pphlist_desc p {padding-right: 125px;}
.pphomelist ul li:hover {margin-top: -5px;}
.pphomelist ul li .pphlist_desc_img:hover {padding-left: 10px;}
.pphomelist ul li .pphome_botlink a:hover {padding-left: 10px;}
.pp500shop {width: 100%;height: 720px;background: url(404.png) no-repeat center;}
.pp500img {width: 1385px;margin: 0 auto;text-align: center;}
.pp500img img {max-width: 300px;margin-top: 160px;}
/* shoplist page */
.shoppage {width: 100%;height: 1063px;background: url(404.png) no-repeat left;position: relative;}
.shopitem {width: 1670px;height: auto;position: absolute;left: 50%;margin-left: -835px;}
.shopptlist {width: 420px;height: 966px;border-radius: 4px;background-color: #ffffff;box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);margin-top: 92px;}
.shopplogo {width: 100%;height: 116px;background-color: #0d0d0d;border-top-left-radius: 4px;border-top-right-radius: 4px;text-align: center;}
.shopplogo img {max-width: 100%;max-height: 100%;padding-top: 30px;}
.shoppliitem {width: 100%;height: 850px;overflow-y: scroll;}
 /* 定义滚动条样式 */
 .shoppliitem::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 1);
}
 
/*定义滚动条轨道 内阴影+圆角*/
.shoppliitem::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, .5);
}
 
/*定义滑块 内阴影+圆角*/
.shoppliitem::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background: url(404.png) no-repeat center;
  background-size: cover;
}
.shoppli_part {width: 340px;height: 850px;margin: 30px auto 0px;}
.shoppli_part ul li {width: 100%;height: 40px;border-top: 1px solid #cccccc;cursor: default;}
.shoppli_part ul li p {font-size: 18px;font-weight: bold;line-height: 40px;width: 50%;float: left;color: #666666;}
.shoppli_part ul li p.shoppli_num {font-size: 16px;color: #9a9a9a;line-height: 40px;font-weight: normal;text-align: right;}
.shoppli_part ul li p.shoppli_num span {font-family: 'Oswald';color: #bb281b;}
.shoppli_part ul li.shopprov p:hover,.shopprovname p {color: #0d0d0d !important;}
.shoppli_part .cityshopli {width: 100%;height: auto;margin-bottom: 15px;border-top: 1px solid #cccccc;display: none;}
.shoppli_part .cityshopli ul li {border-top: 1px dashed #666666;}
.shoppli_part .cityshopli ul li:first-child {border-top: 0px;}
.shoppli_part .cityshopli ul li p {font-weight: normal;font-size: 16px;color: #9a9a9a;}
.shoppli_part .cityshopli ul li p:hover {color: #bb281b;}
.shoppli_part .cityshopli .shoppliadd {width: 100%;display: none;}
.shoppli_part .cityshopli .shoppliadd  ul li {border-top: 0px;height: 30px;}
.shoppli_part .cityshopli .shoppliadd  ul li a {color: #cccccc;font-size: 14px;line-height: 30px;transition: all .5s;}
.shoppli_part .cityshopli .shoppliadd  ul li a:hover {color: #bb281b;}
.shoppli_part .cityactive ,.shoppli_part .cityshopli .shopaddactive {display: block;}
/* .shopactive p,.shopactive a {color: #bb281b !important;} */
.shoppage .video_wave {margin-top: 0px;position: absolute;top: 330px;left: 411px;}
.shoppage .video_ico {width: 1px;height: 1px;background-color: rgba(184, 144, 72, .8);border-color:#c19f62;}
.shoppage .video_wave1 {width: 21px ;height: 21px;left: 15px;top: 15px;background-color: rgba(184, 144, 72, .5);}
.shoppage .video_wave2 {background-color: rgba(184, 144, 72, .5);}
.shoppage .video_wave3 {background-color: rgba(184, 144, 72, .5);}
.shoppage .wave_hlj {left: 1085px;top:293px ;}
.shoppage .wave_gs {left: 680px;top: 570px;}
.shoppage .wave_sx {left: 850px;top: 520px;}
.shoppage .wave_ssxx {left: 780px;top: 610px;}
.shoppage .wave_hb {left: 885px;top: 695px;}
.shoppage .wave_gz {left: 735px;top: 800px;}
.shoppage .wave_yn {left: 640px;top: 835px;}
.shoppage .wave_gx {left: 765px;top: 895px;}
.shoppage .wave_hn {left: 870px;top: 600px;}
.shoppage .video_wave_bigmore .video_ico {width: 6px;height: 6px;border-width: 3px;background-color: rgba(184, 144, 72, .1);}
.shoppage .video_wave_bigmore .video_wave1 {width: 34px;height: 34px;left: 11px;top: 11px;}
.shoppage .video_wave_big .video_ico{width: 5px;height: 5px;border-width: 2px;background-color: rgba(184, 144, 72, .1);}
.shoppage .video_wave_big .video_wave1 {width: 29px;height: 29px;left: 12px;top: 12px;}
.shoppage .wave_heb {left: 895px;top: 510px;}
.shoppage .wave_sd {left: 940px;top: 550px;}
.shoppage .wave_sch {left: 670px;top: 690px;}
.shoppage .wave_nm {left: 825px;top:445px;}
.shoppage .wave_jl {left: 1070px;top:345px;}
.shoppage .wave_ll {left: 1050px;top:400px;}
.shoppage .video_wave_small .video_ico {width: 1px;height: 1px;border-width: 2px;background-color: rgba(184, 144, 72, 1);}
.shoppage .video_wave_small .video_wave1 {width: 21px;height: 21px;left: 14px;top: 14px;}
.shoppage .wave_bj {left: 920px;top: 465px;}
.shoppage .wave_tj {left: 943px;top: 485px;}
.shoppage .wave_lx {left: 735px;top: 505px;}
.shoppage .wave_qh {left: 640px;top: 550px;}
.shoppage .wave_ah {left: 953px;top: 667px;}
.shoppage .wave_js {left: 993px;top: 660px;}
.shoppage .wave_sh {left: 1042px;top: 670px;}
.shoppage .wave_zj {left: 1012px;top: 700px;}
.shoppage .wave_jx {left: 932px;top: 747px;}
.shoppage .wave_fj {left: 1005px;top: 800px;}
.shoppage .wave_hun {left: 865px;top: 762px;}
.shoppage .wave_gd {left: 880px;top: 885px;}
.shoppage .wave_hain {left: 815px;top: 975px;}
.shoppage .wave_xz {left: 415px;top: 690px;}
.shoppage .wave_cq {left: 730px;top: 730px;}
.shopxiehome {background-image: url(404.png);background-position: bottom;height: 1200px;}
.shopxiehome .pphometitle {padding-top: 100px;}

/* shop detail page */
.shop_detail {background: none;}
.shop_detail_left {width: 1029px;height: auto;margin-left: 145px;}
.shopde_top {margin-top: 207px;}
.shopdet_img {width: 256px;height: 161px;margin-top: 5px;overflow: hidden;}
.shopdet_img img {width: 100%;height: 100%;transition: all .5s;}
.shopdet_info {margin-left: 52px;}
.shopdet_info h3 {font-size: 36px;color: #0d0d0d;font-weight: bold;}
.shopdet_info p {font-size: 16px;color: #666666;font-weight: normal;padding: 20px 0px 43px;}
.shopdet_info .shopde_telmob {width: 100%;height: 34px;background: url(404.png) no-repeat left bottom;padding-left: 35px;}
.shopdet_info .shopde_telmob .aboutmore {width: 140px;margin-left: 15px;margin-top: 12px;transition: all .5s;}
.shopdet_info .shopde_telmob .shopdet_tel {width: 158px;}
.shopdet_info .shopde_telmob .aboutmore a {font-family: 'Oswald';font-size: 24px;line-height: 12px;}
.shopdet_info .shopde_telmob .aboutmore:hover {margin-top: 7px;}
.shopde_top:hover .shopdet_img img {transform: scale(1.05);}
.shopde_map {width: 100%;height: 560px;margin-top: 98px;}
.shopde_map iframe {width: 100%;height: 100%;object-fit: fill;}
.newsdgpp {width: 100%;height: 500px;}

/* 导航media */
@media (max-width:1900px) {
  .navlogo {width: 18%;}
  .navitem {width: 45%;margin-left: 5%;}
  .navicon {width: 90%;}
  .shoppli_part ul li p,.shoppli_part .cityshopli ul li p {font-size: 15px;}
}
@media (max-width:1700px) {
  .navlogo {width: 18%;}
  .navitem {width: auto;margin-left: 3%;}
  .navright {width: 29%;}
  .navicon {width: 100%;}
  .brandli ul li {width: 150px;}
  .brandli ul li:nth-child(3) {left: 150px;}
  .brandli ul li:nth-child(5) {left: 300px;}
  .brandli ul li:nth-child(7) {left: 450px;}
  .brandli ul li:nth-child(9) {left: 600px;}
  .ppndesc img {margin-left: 25px;}
  .ppttitle_img {margin-left: 100px;}
  .pptracktitle .ppbrandlist {margin-left: 95px;}
  .shopitem {width: 100%;margin-left: -50%;}
  .shopptlist {width: 300px;}
  .shoppli_part {width: 250px;}
  .shopplogo img {max-width: 95%;}
  .prolistp_item2hua {right: 10px;}
  .comp_hisitem {padding-left: 6.5%;}
}
@media (max-width:1550px) {
  .navlogo {width: 18%;}
  .navitem {width: auto;margin-left: 0%;}
  .navright {width: 30%;}
  .navicon {width: 100%;}
  .navicolist ul li {margin-left:5px ;}
}
@media (max-width:1500px) {
  .navlogo {width: 18%;}
  .navitem {width: auto;margin-left: 0%;}
  .navitem ul li {width: 129px;}
  .navright {width: 30%;}
  .navicon {width: 100%;}
  .navicolist,.navtel {width: auto;}
  .navicolist ul li {margin-left:5px ;}
  .navtel .navtelth {margin-left: 10px;}
  .shop_detail_left {margin-left: 80px;}
}
@media (max-width:1440px) {
  .navitem ul li {width: 120px;}
  .navright {width: 32%;}
}
@media (max-width:1400px) {
  .navitem ul li {width: 111px;}
  .navright {width: 32%;}
}
@media (max-width:1340px) {
  .navitem ul li {width: 105px;}
  .navright {width: 33%;}
}
@media (max-width:1300px) {
  .navitem ul li {width: 100px;}
  .navright {width: 34%;}
}