@font-face {
font-family: "iconfont";src: url('../font/hanyiqihei.woff2') format('woff2'), url('./font/hanyiqihei.woff') format('woff'), url('./font/hanyiqihei.ttf') format('truetype');}

*{box-sizing:border-box;margin:0;padding:0; }

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;font-family:"Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif; }

h1, h2, h3, h5, h6,.h1, .h2, .h3, .h5, .h6 {font-weight: 500;line-height: 1.1;margin-bottom: 20px;margin-top: 0;}

a {color: #444;text-decoration: none;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}

a:hover, a:active, a:focus {box-shadow: none;color: #4d3300;outline: none;text-decoration: none;}

a img {border: none;}

.btn:focus {box-shadow: none;}

p:last-child {margin-bottom: 0;font-size: .14rem;}
:active,
:focus {box-shadow: none;outline: none !important;}
::selection {background: #000;color: #fff;text-shadow: none;}
::-moz-selection {background: #000;/* Firefox */color: #fff;text-shadow: none;}
::-webkit-selection {background: #000;/* Safari */color: #fff;text-shadow: none;}

img {max-width: 100%;}

iframe {border: none !important;}

textarea:focus, textarea:active, input:focus, input:active {outline: none;}

table p {margin-bottom: 0;}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{border-radius:8px;;background:#fcfcfc}
::-webkit-scrollbar-thumb{border-radius:8px;background:#8b8b8b;}
/*
-----------------------------------------------------------------------
  Common CSS
-----------------------------------------------------------------------
*/
.section-padding-bottom {padding-bottom: 100px;}

@media only screen and (max-width: 991px) {
.section-padding-bottom {padding-bottom: 80px;}
}

@media only screen and (max-width: 991px) {
.section-padding-bottom {padding-bottom: 60px;}
}

@media only screen and (min-width: 1200px) {
.container {max-width: 1300px;padding-left: 15px;padding-right: 15px;}}
.hs-sec{margin-top: 60px;}

@media only screen and (min-width: 1200px) {
.row {margin-right: -15px;margin-left: -15px;}
}

@media only screen and (min-width: 1200px) {
.row > [class*=col-] {padding-right: 15px;padding-left: 15px;}
}
.mb-n30 {margin-bottom: -30px;}
.section-title {margin-bottom: 80px;}

@media only screen and (max-width: 991px) {
.section-title {margin-bottom: 70px;}
}

@media only screen and (max-width: 767px) {
.section-title {margin-bottom: 60px;}
}

@media only screen and (max-width: 575px) {
.section-title {margin-bottom: 50px;}
}
.section-title h5 {color: #999999;font-size: 14px;font-weight: 400;letter-spacing: 0.3px;margin-bottom: 15px;text-transform: uppercase;}

@media only screen and (max-width: 767px) {
.section-title h5 {font-size: 12px;margin-bottom: 12px;}
}
.section-title .title {font-size: 48px;font-weight: 700;letter-spacing: -1.377px;line-height: 1.1;margin-bottom: 25px;}

@media only screen and (max-width: 1199px) {
.section-title .title {font-size: 40px;}
}

@media only screen and (max-width: 767px) {
  .section-title .title {font-size: 36px;}
}

@media only screen and (max-width: 575px) {
.section-title .title {font-size: .24rem;}}
.section-title .title span {color: #000;font-weight: 300;}
.section-title .desc {margin-bottom: 55px;}
.section-title .desc p {font-size: 14px;line-height: 30px;margin-bottom: 0;}

@media only screen and (max-width: 767px) {.section-title .desc p br{ display: none;}}

.section-title .separator-line {border-bottom: 1px solid #000;display: block; margin: 0 auto 40px; width: 100px;}
.section-title .list-style li {
color: #666666; font-size: 14px; margin-bottom: 16px; padding-left: 29px;position: relative;}
.section-title .list-style li i {color: #000;font-size: 14px;left: 0; position: absolute;top: 5px;}
.section-title .list-style li:last-child {margin-bottom: 0;}
.section-title.section-light h5 {color: #fff;}
.section-title.section-light .title {color: #fff;}
.section-title.section-light .desc p {color: #fff;}
.section-title.section-light .separator-line {border-bottom-color: #fff !important;}
.section-title.section-light .separator-line.separator-double:before {border-bottom-color: #fff !important;}
.bg-img { background: no-repeat center center; background-size: cover;}
.bg-img.bg-img-top {background-position: top center;}
.site-wrapper-reveal { background-color: #FFFFFF; position: relative; overflow: hidden; z-index: 1;}
.niceselect {float: inherit;}
.niceselect .list {border-radius: 0;width: 100%;}
.line-hr { border-bottom: 1px solid #e2e2e2;}
.lh-1 {line-height: 1;}
.z-index-1 {z-index: 1;}
.z-index-2 { z-index: 2;}
.content-items-center { align-items: center; display: flex;}
.justify-items-center {display: flex;justify-content: center;}
.min-height-auto {min-height: auto !important;}
.height-auto {height: auto !important;}
.form-message.alert { margin-top: 10px;}
.row-gutter-0 [class*=col-] { margin: 0;padding: 0;}
.embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
iframe {border: none !important;}

@media only screen and (max-width: 991px) {.md-text-center {text-align: center;}}

@media only screen and (max-width: 767px) {.sm-text-center {text-align: center;}}

@media only screen and (max-width: 575px) {.xs-w-100 {width: 100% !important;}}


/*-------- Button Style Css --------*/
.btn-theme {background-color: #000;border-color: #000;border-radius: 0;color: #fff;display: inline-block;font-weight: 400;font-size: 14px;line-height: 30px;min-height: 50px;padding: 10px 30px;position: relative;text-transform: uppercase;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.btn-theme .icon {font-size: 14px;padding-left: 12px;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;}
.btn-theme:hover, .btn-theme:focus {background-color: #669900;border-color: #669900;color: #fff;}
.btn-theme.btn-black {background-color: #444444;border-color: #444444;}
.btn-theme.btn-black:hover {background-color: #000; border-color: #000; color: #fff;}
.btn-theme.btn-white {background-color: #fff;border-color: #fff;color: #0e0e0e;}
.btn-theme.btn-white:hover {background-color: #444444; border-color: #444444; color: #fff;}
.btn-theme.btn-white.btn-border { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; line-height: 29px;}
.btn-theme.btn-white.btn-border:hover { background-color: #000; border-color: #000; color: #fff;}
.btn-theme.btn-gray {background-color: #f4f4f4; border-color: #f4f4f4; color: #0e0e0e;}
.btn-theme.btn-gray:hover {background-color: #000; border-color: #000; color: #fff;}
.btn-theme.btn-border {background-color: transparent; border: 1px solid #000; color: #000;}
.btn-theme.btn-round {border-radius: 25px;}
.btn-theme.btn-round.btn-slide:before { border-radius: 25px;}
.btn-theme.btn-lg {letter-spacing: 0.131px;padding: 14px 48px;}
.btn-theme.btn-slide { position: relative;z-index: 1;}
.btn-theme.btn-slide:before { background-color: #669900; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 0; z-index: -1; transition: 0.3s; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.btn-theme.btn-slide:hover:before { width: 100%;}
.btn-theme.btn-size-md {height: 50px; min-width: 160px; text-align: center;}
.btn-theme.btn-size-lg { height: 50px; min-width: 180px; text-align: center;}
.btn-theme.btn-size-xl {height: 50px;min-width: 220px;text-align: center;}
.btn-theme.btn-size-xxl {height: 52px;min-width: 270px;text-align: center;}
.btn-link {color: #444444;display: inline-block;font-weight: 400;font-size: 12px;letter-spacing: 1px;padding: 0;position: relative;text-decoration: none;text-transform: uppercase;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.btn-link:hover {color: #000;text-decoration: none;}
.btn-link span + .icon {color: #000;font-size: 14px;padding-left: 17px;}
.btn-link span + .icon:before {font-weight: 900;}
.btn-link:focus {text-decoration: none;}
.btn-link.btn-line:after {background-color: #000;bottom: 0;content: "";height: 1px;right: 0;position: absolute;width: 0;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.btn-link.btn-line:hover {color: #444444;}
.btn-link.btn-line:hover:after {left: 0;width: 100%;}
.btn-link.btn-dark {background-color: transparent;border: none;color: #0e0e0e;}
.btn-link.btn-dark:after {background-color: #0e0e0e;left: 0;width: 100%;}
.btn-link.btn-dark:hover {color: #000;}
.btn-link.btn-dark:hover:hover:before {background-color: #000;}
.btn-link.btn-dark:hover:hover:after {background-color: #000;}
.btn-more {color: #444444;font-size: 18px;letter-spacing: 16.8px;text-transform: uppercase;}

@media only screen and (max-width: 575px) {.btn-more {  font-size: 16px;  letter-spacing: 8px;}}

@keyframes la-rotateplane {
0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}

/*-------- Custom Font Style Css --------*/
.font-size-12 {font-size: 12px !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-16 {font-size: 16px !important;}
.font-size-24 {font-size: .24rem !important;}
.font-size-30 {font-size: 30px !important;}
.font-size-36 {font-size: 36px !important;}
.font-size-40 {font-size: 40px !important;}
.font-size-44 {font-size: 44px !important;}
.font-size-50 {font-size: 50px !important;}

@media only screen and (max-width: 991px) {.font-size-sm-18 {  font-size: 18px !important;}
.font-size-sm-24 {  font-size: .24rem !important;}}
.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-700 {font-weight: 700 !important;}
.font-weight-900 {font-weight: 900 !important;}
.line-height-30 {line-height: 30px !important;}
.letter-spacing-0 {letter-spacing: 0 !important;}
.letter-spacing-1 {letter-spacing: 1px !important;}

/*
-----------------------------------------------------------------------Header CSS
-----------------------------------------------------------------------
*/

@media only screen and (max-width: 1199px) {.header-area .container {  max-width: none;  width: 100%;}}

@media only screen and (max-width: 1199px) {.header-top.inline-style .container {  max-width: none;}}
.header-top + .header-area {padding: 25px 0;}

@media only screen and (max-width: 575px) {
.off-canvas-wrapper .off-canvas-inner .off-canvas-content {  width: 310px;}}
.off-canvas-wrapper .off-canvas-inner .off-canvas-content .off-canvas-item {margin-bottom: 30px;margin-top: 21px;}
.off-canvas-wrapper .off-canvas-inner .off-canvas-content .off-canvas-item:last-child {margin-bottom: 0;}
.off-canvas-wrapper .off-canvas-footer .side-footer {display: inline-block;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons {display: block;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a {border: none;color: #444444;font-size: 16px;float: left;margin-right: 40px;padding: 0;}

@media only screen and (max-width: 575px) {
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a {font-size: 13px;  margin-right: 22px;}}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a.icon-color {color: #185381;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a.icon-color.color-twitter {color: #429cd6;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a.icon-color.color-instagram {color: #521313;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-social-icons a.icon-color.color-googleplus {color: #d62d20;}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-copyright {display: block;}

@media only screen and (max-width: 575px) {
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-copyright {  display: inline-block;  margin-top: 12px;}}
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-copyright p {line-height: 1.7;}

@media only screen and (max-width: 575px) {
.off-canvas-wrapper .off-canvas-footer .side-footer .widget-copyright p {  font-size: 15px;}}
.erweima{ text-align: center; margin-top:.5rem;}
.ewm_txt{ margin-top: .1rem;  text-align: center;}
.index_line{width: 100%; height: 10px;display: flex; margin-top:.2rem;}
.index_line01{width: 14%; background: #444b51;}
.index_line02{width: 24%; background: #bfb35f;}
.index_line03{width: 62%; background: #960030;}


.codes a{margin-right: .12rem;display: block;position: relative;}
.codes a span{width: 1.2rem;position: absolute;left: 50%;top: calc(100% + .12rem);z-index: 5;background: #fff;transform: translateX(-50%);display: none;padding: .05rem;}
.codes a span:before{content: '';border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;position: absolute;top:-8px;left: 50%;transform: translateX(-50%);}
.codes a:hover span{display: block;}
.codes i img{height: .3rem}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;justify-content: flex-end;}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.head_search{border-bottom: 1px solid #000000;}
.ser_btn{width: 0.35rem; height: 0.3rem;background: url(../images/serb.svg) no-repeat center;background-size: 0.22rem 0.22rem;border: none;vertical-align: middle;}
.search_input{outline: none;border: none;background: none;vertical-align: middle;}
.head_logo{padding-left:2rem!important;}
.nei_bannertu{margin-top: 0.4rem;}
.buzhou{margin-top: 0.4rem;}

/* 产品 */
.pro_nav{}
.pro_price{font-size: .24rem; font-family: 'Times New Roman', Times, serif; position: absolute;right:.3rem; bottom: .6rem;}
.product-list ul li{ margin-bottom: .3rem;}
.list-3 li figure{ overflow: hidden;}
.list-3 li a img{ width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;}
  .list-3 li a:hover img{transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);}

main{background: #fff;}
main .main-product-details {width: 100%; }
main .main-nav { padding: .2rem 0 .2rem; font-weight: 300;}
main .main-nav a{margin-left: .05rem; margin-right: .05rem;}
.sp-loading {
    text-align: center;
    max-width: 270px;
    padding: 15px;
    border: 5px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    color: #888;
  }

/* Element wrapper */
  
.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    background: #f0f0f0;
    border: 10px solid #eee;
    position: relative;
    width: 100%;
  }
  
/* Thumbnails */
  
.sp-thumbs{ width: 15%;}
.sp-large{ width: 85%;}
.sp-large img{ width: 100%;}
.sp-current-big{ width: 100%;}
.sp-thumbs {text-align: left;display: inline-block;}
.sp-thumbs img {min-height: 1rem;min-width: 1rem;max-width: 1rem;}
.sp-thumbs a:link, .sp-thumbs a:visited {
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    opacity: .5;
    display:block;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-bottom: .1rem;}
.sp-thumbs a:hover {opacity: 1;}

/* Styles for the currently selected thumbnail */
 
.sp-thumbs a:active, .sp-current {opacity: 1!important;position: relative;}

/* Image currently being viewed */
  
.sp-large {position: relative;overflow: hidden;top: 0;left: 0;}
.sp-large a img {max-width: 100%;height: auto;}
.sp-large a {display: block;}

/* Panning Zoomed Image */
  
.sp-zoom {
    position: absolute;
    left: -50%;
    top: -50%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    display: none;
  }
  /* Lightbox */

.imgdet { width: 62%;}

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .9);
    z-index: 999;
    display: none;
    cursor: pointer;
  }

.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff;
  }

#sp-prev, #sp-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    background: #000;
    border-radius: 25px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: .2s;
  }

#sp-prev {left: 10px;}

#sp-prev:before {
    content: '';
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 7px;}

#sp-next {right: 10px;}

#sp-next:before {
    content: '';
    border: 7px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    top: 16px;
    left: 18px;}

#sp-prev:hover, #sp-next:hover {background: #444;}

/* Tweak styles for small viewports */
  
@media screen and (max-width: 400px) {.sp-wrap {margin: 0 0 15px 0;}

#sp-prev, #sp-next {top: auto;margin-top: 0;bottom: 25px;}}
.goods_item .right {width: 32%;}
.goods_item .right h2 {font-size: .28rem;}
.pro_jiage{font-size: .16rem; font-family: "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;}
.mioashu{ font-size: .16rem;
  font-weight: 300;
  color: #444;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
  
.goods_item .right .labels {display: flex;flex-wrap: wrap;margin-bottom: .2rem; margin-top: .1rem;}
  
.goods_item .right .labels li {
border: 1px solid #000;
height: .3rem;
line-height: .3rem;
border-radius: .15rem;
margin-right: .12rem;}
 
.goods_item .right .labels li span {
font-size: .14rem;
font-family: "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;;
font-weight: 500;
color: #000;
padding: .20rem;}
 
.goods_item .right .can {width: 100%;}
  
  .goods_item .right .can h3 {
    text-align: left;
    font-size: .24rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #444;
    margin-bottom: .17rem;
  }
  
  .goods_item .right .can ul li span {
    padding-left: .19rem;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #444;
  }
  
  .goods_item .right .can ul li h4 {
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
  }
  
  .goods_item .right .can ul li .bg ul {
    display: flex;
    margin-top: .08rem;
  }
  
  .goods_item .right .can ul li .bg ul li {
    width: .27rem;
    height: .26rem;
    border-radius: 50%;
    margin-right: .15rem;
  }
  
  .del_banner {
    width: 100%;
    text-align: center;
    margin-top: 1.12rem;
  }
  
.del_banner img {}
  
@media all and (max-width:600px) {
.goods_item {display: block;margin: 0 auto;}
 
.goods_item .right {width: 100%;margin-left: 0;margin-top: .2rem;}

.goods_item .right h2 {margin-left: 0;font-size: .36rem;}
  
.goods_item .right p {
      margin-left: 0;
      width: 100%;
      height: initial;
      font-size: .24rem;
      font-weight: 300;
      color: #AAAAAA;
    }
  
.goods_item .right .labels {margin-left: 0;}
.goods_item .right .can {margin-left: 0;}
.goods_item .right .can ul li .bg ul{margin-top: 8px;}
.goods_item .right .can ul li {width: 100%;}
.goods_item .right .can ul li .bg ul li {
      width: 27px;
      height: 26px;
      border-radius: 50%;
      margin-right: 15px;}

.goods_item .right .labels li {
      border: 1px solid #444;
      height: auto;
      line-height: normal;
      border-radius: 15px;
      margin-right: 22px;
      height: 21px;
      display: flex;
      align-items: center;
    }
  
.goods_item .right .labels li span {
      font-family: Source Han Sans CN;
      font-weight: 500;
      color: #444;
      padding: 0px 0px;}
  
.goods_item .right .labels li span {
      font-size: 20px;
      transform: scale(0.5);
      display: inline-block;}
  
.goods_item .right .can h3 {
      text-align: left;
      font-size: 17px;
      font-family: Source Han Sans CN;
      font-weight: 500;
      color: #000;
      margin-bottom: 17px;
    }
  
.goods_item .right .can ul li span {
      padding-left: 12px;
      font-size: 13px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #AAAAAA;
    }
  
.goods_item .right .can ul li h4 {
      margin-right: 11px;
      margin-top: 15px;
      font-size: 13px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #666666;
    }
  
.del_banner img {width: 100%;}}

.goods_item .right .can ul li h4 {
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #666666;
  }
  
/* 产品详情 css  结束 */
  
.accordion {width: 100%;}
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 0px;
color: #000;
border-bottom: 1px solid #d3d3d3;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: .16rem;
 }
 
.accordion li i {
   position: absolute;
   top: 16px;
   left: 12px;
   font-size: 18px;
   color: #595959;
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
 
 .accordion li i.fa-chevron-down {
   right: 12px;
   left: auto;
   font-size: 16px;
 }
 
 .accordion li.open .link {color: #000;}
 .accordion li.open i {color: #000;}
 .accordion li.open i.fa-chevron-down {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);}
 
 /**
  * Submenu
  -----------------------------*/
.submenu {display: none;font-size: .16rem;}
.submenu li {list-style: disc; margin-left: .2rem; margin-top: .05rem; font-weight: 300;}
.submenu li p{color: #000;}
.zixun a{ display: block; width: 100%; height: .5rem; line-height: .5rem; color: #fff; text-align: center; background: #000; margin-bottom: .1rem;font-size: .16rem;}
.dianhua a{ border: 1px solid #000;display: block; width: 100%; height: .5rem; line-height: .5rem; color: #444; text-align: center; font-size: .16rem; margin-bottom: .2rem;}
.pro_icon ul li{ text-align: center;}
.pro_icon ul li i img{ width: .3rem; margin-bottom: .08rem; height: .3rem;}
.pro_icon{ margin-top: .2rem;}
.fuwu{background: linear-gradient(-45deg,#f0f0f0,#d7d7d7); text-align: center; line-height: .36rem; margin-top: .2rem; }
.pro_tjtit{ text-align: center; font-size: .36rem; margin-top: .6rem;}
.pro_con a{ display: block; width: 24%; }
.pro_con a .product-img{overflow: hidden;border-bottom: 2px solid #000;}
.pro_con a .product-img img{ width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;}
.pro_con a:hover .product-img img{transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);}
  .pro_con a .product-text{ color:#444;}
  .product-text p{ font-size: .2rem; margin-top: .1rem; }
  .product-text span{font-size: .2rem; font-family: 'Times New Roman', Times, serif;}
  .pro_con{ margin-top: .3rem;}

/*图片放大*/
.pic-scale,.img-scale .pic{position:relative;overflow:hidden;}
.img-scale img,.pic-scale img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.img-scale:hover img,.pic-scale:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}