html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,span,a,b,img,em,del,label,form,fieldset,input,p,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;}
th,em,i{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
fieldset,img,a img{border:0;}
img{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
.alR{text-align:right;}
.alL{text-align:left;}
.alC{text-align:center;}
del,.xline{text-decoration:line-through;color:#999;}
body{color:#333;background-color:#fff;font-family:"Microsoft YaHei",Arial;}
a{color:#333;text-decoration:none;}


.texti{text-indent: 20px}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;}
.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}
img{width:100%;}
input{border: none;background: none}
input::-webkit-input-placeholder{color:#999;}
input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="search"]{-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"] {  -webkit-appearance: none;  }
textarea {  -webkit-appearance: none;}

/*图标字体*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1525506869473'); /* IE9*/
  src: url('iconfont.eot?t=1525506869473#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1525506869473') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1525506869473#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tubiao-:before { content: "\e63a"; }
.icon-tubiao-1:before { content: "\e63b"; }
.icon-tubiao-2:before { content: "\e63c"; }
.icon-tubiao-3:before { content: "\e63d"; }
.icon-tubiao-4:before { content: "\e63e"; }
.icon-tubiao-5:before { content: "\e63f"; }
.icon-tubiao-6:before { content: "\e640"; }
.icon-tubiao-7:before { content: "\e641"; }
.icon-tubiao-8:before { content: "\e642"; }
.icon-tubiao-9:before { content: "\e643"; }
/*图标字体*/







.shouye{
    height:100%;
    max-width:750px;
    margin: 0 auto;
    min-width: 320px;
    }


/*头部*/
.nav{width: 100%;height: 1.015625rem;background: #000;}
.nav-1{width: 100%;height: 1.015625rem;position: fixed;background: #e60012;left: 0;top: 0;z-index: 99;}
.logo{width: 2.265625rem;height: 0.59375rem;left: 0.34375rem;top: 0.21875rem;position: absolute;display: inline-block;}
.logo img{width: 2.265625rem;height: 0.59375rem;}

.sous{position: absolute;right: 2rem;top: 0;height: 1.015625rem;line-height: 1.015625rem;}
.sous a{color: #fff;font-size: 0.375rem;}


.caidan{position: absolute;right: 0.34375rem;top: 0;height: 1.015625rem;line-height: 1.015625rem;}
.caidan a{color: #fff;font-size: 0.375rem;}

.t_se{align-items:center; display: -webkit-flex;position: absolute;left: 3.065625rem;right: 1.865625rem;background: #fff;top: 0.1875rem;bottom: 0.1875rem;line-height: auto;border-radius: 50px;display: none;font-size: 0.375rem;}
.t_se input{width: 100%;padding-left: 0.625rem;}
.t_se1{position: absolute;left: 0.125rem ;top:0.125rem; color: #a0a0a0;}
.t_se2{position: absolute;right:0.125rem ;top:0.125rem;color: #a0a0a0;}

.caidan1{left: 0;top: 1.015625rem;background: #fff;position: fixed;z-index: 99;width: 100%;text-align: center;height: 100%;display: none;}
.caidan1 a{font-size: 0.5625rem;line-height: 1.09375rem;font-weight: bold;}

.caidan2{display: none;}
/*头部*/



.huandenp{
    position: relative;}
.swipe ul li{position: relative;}
.tab_box{position: absolute;left:0.9375rem;top: 1.765625rem;}
.tab_box h4{font-size: 0.71875rem;font-weight: bold;}
.tab_box p{font-size: 0.5625rem;}
#pagenavi {
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
}
#pagenavi a {
    background-color: #7f7f7f;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 2px;
    opacity: 0.7;
    width: 8px;
}
#pagenavi a.active {
    background-color: #ffffff;
}



.pinpa{ background: url(../images/lb5.jpg) center center no-repeat;background-size: cover;height: 100%;position: relative;}
.pinpa1{position: absolute;left:0.9375rem;top: 1.765625rem;}
.pinpa1 h4{font-size: 0.65625rem;font-weight: bold;}
.pinpa1 p{font-size: 0.5rem;}
.pinpa1 a{
    width: 2.125rem;
    height: 0.65625rem;
    display: inline-block;
    border: 1px solid #666666;
    color: #666666;
    border-radius: 50px;
    line-height: 0.65625rem;
    margin-top: 0.3125rem;
    font-size: 0.28125rem;
    text-align: center;}


/*产品切换*/
.younerw{margin-right: 10%}
.younerw a{float: right;margin-top: 0.3125rem;}
.swiper-container h2{font-size: 0.53125rem;margin-left: 10%;display: inline-block;width: 90%;}
.swiper-container {
    width: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;background: #f9f9ed;
}

.swiper-wrapper {
    margin-top: 10px
}

.swiper-slide {
    width: 80%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-slide .main-img {
    width: 80%;
    margin: 0 auto;
    display: block
}

#pagination {
    position: absolute;
    bottom: 10px;
    width: 100%
}

#pagination .swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.046875rem;
    margin: 0 0 0 6.15%;
    background: 0;
    opacity: 1;
    background:#d7d7cc;
}



#pagination  .swiper-pagination-bullet-active i {
    background: #ff0000;
}

@media screen and (min-height:481px) {
    .swiper-wrapper {
        margin-top: 20px
    }

    #pagination {
        bottom: 10px
    }
}

@media screen and (min-height:569px) {
    .swiper-wrapper {
        margin-top: 40px
    }

    #pagination {
        bottom: 10px;
    }

    .swiper-pagination-bullet i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px
    }
}

#footer {
    position: absolute;
    bottom: 0
}

#footer img {
    width: 100%;
    display: block
}

.swiper-slide,.swiper-wrapper {
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    width: 100%
}

.swiper-pagination,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0)
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-slide,.swiper-wrapper {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

#pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e60012
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s step-end infinite;
    -moz-animation: swiper-preloader-spin 1s step-end infinite;
    animation: swiper-preloader-spin 1s step-end infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0)
    }

    8.33333333% {
        -webkit-transform: rotate(30deg)
    }

    16.66666667% {
        -webkit-transform: rotate(60deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    33.33333333% {
        -webkit-transform: rotate(120deg)
    }

    41.66666667% {
        -webkit-transform: rotate(150deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    58.33333333% {
        -webkit-transform: rotate(210deg)
    }

    66.66666667% {
        -webkit-transform: rotate(240deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    83.33333333% {
        -webkit-transform: rotate(300deg)
    }

    91.66666667% {
        -webkit-transform: rotate(330deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    8.33333333% {
        transform: rotate(30deg)
    }

    16.66666667% {
        transform: rotate(60deg)
    }

    25% {
        transform: rotate(90deg)
    }

    33.33333333% {
        transform: rotate(120deg)
    }

    41.66666667% {
        transform: rotate(150deg)
    }

    50% {
        transform: rotate(180deg)
    }

    58.33333333% {
        transform: rotate(210deg)
    }

    66.66666667% {
        transform: rotate(240deg)
    }

    75% {
        transform: rotate(270deg)
    }

    83.33333333% {
        transform: rotate(300deg)
    }

    91.66666667% {
        transform: rotate(330deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.cpqc{background: #e60012;width: 80%;margin: 0 auto;text-align: center;color: #fff;padding: 0.3125rem 0;}
.cpqc h6{font-size: 0.53125rem;margin-bottom: 0.15625rem;}
.cpqc p{font-size: 0.375rem}




/*资讯*/
.zxzx{
    width:100%;
    margin-bottom:1.6rem;background: #fff}
.zxzx1{border-bottom: 1px solid #f3f3f3;
    padding:0.8rem 1.5rem;}
.zxzx1 h2{
    color: #d7000f;
    font-size:1.6rem;}
.zxzx1 h2 em{
    margin-left:5px;
    font-size:1.2rem;
    color: #666666;}

.zxzx2{padding: 1.5rem}
.zxzx2 ul li{
    width:32%;
    float: left;}

.zxzx2 ul li:nth-child(2){margin: 0 2%;}
.zxzx2 ul li .zxzx2-1{
    position: relative;}
.zxzx2 ul li .zxzx2-1 p{
    position: absolute;
    left:0;bottom: 0;background: rgba(0,0,0,0.8);
    text-align: center;
    font-size:1.2rem;
    line-height:2.5rem;
    height:2.5rem;
    width:100%;
    color: #fff;}
.zxzx2 ul li p{
    font-size:1.2rem;
    color: #333333;
    margin-top:0.5rem;
    line-height:1.8rem;
    height:3.4rem;
    overflow: hidden;}
.zxzx2 ul li p b{
    font-weight: bold;}

.rwph{background: #fff}
.rwph h2{
    color: #d7000f;
    font-size:1.6rem;
    border-bottom: 1px solid #f3f3f3;
    padding:0.8rem 1.5rem;}
.rwph1{padding: 0.3125rem;}
.rwph1-1{
    width:48%;
    float: left;
    position: relative;}
.rwph1-1 p{
    position: absolute;
    left:0;bottom: 0;background: rgba(0,0,0,0.8);
    text-align: center;
    font-size:0.1875rem;
    line-height:0.78125rem;
    height:0.78125rem;
    width:100%;
    color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.rwph1-2{
    margin-left:4%;}

.rwph2-1{padding: 0.3125rem;border-top: 1px solid #f3f3f3}
.rwph2-1 img{
    width:30%;
    float: left;
    margin-right:2%;}
.rwph2-1 h6{
    height:0.46875rem;
    font-weight: normal;
    margin-top:0.078125rem;
    font-size:0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.rwph2-1 p{
    font-size:0.1875rem;
    line-height:0.46875rem;
    height:0.9375rem;
    overflow: hidden;
    margin-top:0.078125rem;
    color: #666;}




.cpzs{background: #fff;
margin-top: 0.3125rem;}
.cpzs h2{
    color: #d7000f;
    font-size:0.375rem;
    border-bottom: 1px solid #f3f3f3;
    padding:0.3125rem;
    font-weight: bold;
}
.cpzs h2 a{float: right;
    color: #9a9a9a;
    font-weight: normal;
    }
.cpzs h2 a i{font-size: 0.1875rem;}
.ktddh{overflow-x: auto;
    white-space:nowrap;
    border-bottom: 1px solid #f3f3f3;
    width:100%;
background: #fff;}
.ktddh ul{display: -webkit-flex; /*webkit*/
    display: flex;
    display: -webkit-inline-flex; /*webkit*/
    display:inline-flex;}
.ktddh ul li{
    float: left;
    line-height:1.25rem;flex: 1;
    width:auto;}
.ktddh ul li a{padding: 0 0.3125rem;
    float: left;
    font-size:0.21875rem;
    color: #333333;}
.ktddh::-webkit-scrollbar {display:none}
.ktddh ul li a.xuanzfe{
    color: #d7000f;border-bottom: 2px solid #d7000f}
.cpzs1{
    position: relative;
    width:100%;
    margin-top:1.5rem;}
.cpzs1-a{margin-top: 0;}
.cpzs1 p{
    position: absolute;
    bottom:0;left: 0;
    text-align: center;background: rgba(0,0,0,0.6);
    line-height:2.8rem;
    height:2.8rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;}
.cpzs2{width: 100%;
    display: inline-block;}
.cpzs2 ul{
    margin-top:1px;display: flex;
    margin-left:-1px;
    display: -webkit-inline-flex;
    display:inline-flex;
    display: -webkit-flex;}
.cpzs2 ul li{
    margin-left:1px;
    float: left;
    width:100%;
    justify-content: center;}
/*资讯*/





/*产品列表*/
.productlist1{background: #f3f3f3;}
.productlist1-1{padding: 0.3125rem;margin-top: 0.3125rem;background: #fff;}
.productlist1-1 h4{font-size: 0.53125rem; color: #303030;margin-top: 0.3125rem}
.productlist1-1 p{font-size: 0.3125rem;margin: 0.15625rem 0; color: #666666;}
.productlist1-1 em{border: 1px solid #303030;padding: 0.078125rem 0.55625rem;font-size: 0.1875rem;margin-top: 0.15625rem;display: inline-block;
}

/*产品列表*/

/*产品详情*/
.piaofu{height: 1.5625rem;width: 100%;display: inline-block;}
.piaofu1{padding: 0.234375rem;display: inline-block;position: fixed;left: 0;bottom: 0;background: #fff;width: 100%;}
.piaofu1-l{float: left;width: 1.25rem;}
.piaofu1-r{float: left;}
.piaofu1-r p{font-size: 0.375rem;font-weight: bold;margin-top: 0.15625rem;}
.piaofu1-r i{background:#ff0000;color: #fff100;padding: 0 10px;font-weight: bold;}
.piaofu1-r em{color: #02a23f;font-weight: bold;}
/*产品详情*/



/*品牌*/
.brand{max-width:750px;
    margin: 0 auto;
    min-width: 320px;}
.backa{background: #f9f9f9;}
.st{
    background: url(../images/pp1.jpg) center center no-repeat;
    width: 100%;
    overflow: hidden;background-size: cover;
}
.brand-nav{margin: 0 auto; padding: 0 0.3125rem}
.brand-nav p{font-size: 0.5625rem;line-height: 0.84375rem;font-weight: bold;margin: 0.84375rem 0;
}
.brand-nav ul{margin-left: -5%}
.brand-nav ul li{float: left;margin-left: 5%;width: 45%;margin-bottom: 0.453125rem }

#gfwg{margin-top: 0.3125rem;position: relative;padding: 0 0.3125rem;}


.noas{margin: 0 auto;position: relative;border: 3px solid transparent;
    -webkit-border-image: url(../images/border.png) 8 round; /* Safari 3.1-5 */
    -o-border-image: url(../images/border.png) 8 round; /* Opera 11-12.1 */
    border-image: url(../images/border.png) 8 round;text-align: center;
    padding:0.3125rem;}
.noas ul li{float: left;text-align: left;}
.noas h2{font-size: 0.40625rem;font-weight: bold;margin: 0.46875rem 0;text-align: left;line-height: 0.6875rem;}
.noas h3{font-weight: bold;font-size: 0.46875rem;margin-top: 0.46875rem}
.noas h4{font-size: 0.40625rem;margin: 0.3125rem 0;font-weight: bold;
}
.noas p{font-size: 0.3125rem;}

#gfwg1{margin-top: 0.625rem;position: relative;padding:0.3125rem;}
#gfwg1 .noas h4{font-size: 0.34375rem;margin: 0.15625rem 0;font-weight: bold;line-height: 0.515625rem}
.ppbj3{position: absolute;left: 0;top: 168px;}
.ppbj4{position: absolute;right: 0;bottom: -100px;}
.ppbj5{position: absolute;left: 0;bottom: 50px;}

#gfwg2{margin-top: 0.625rem;position: relative;padding:0.3125rem;}
.ppbj6{position: absolute;left: 0;top: 168px;}
.ppbj7{position: absolute;right: 0;bottom: -300px;}

#gfwg3{margin-top: 0.625rem;position: relative;padding:0.3125rem;}
#gfwg3 ul{margin-left: -2%;}
#gfwg3 ul li{width: 48%;margin-left: 2%;}


.ppbj8{position: absolute;left: 0;bottom: 132px;}

#gfwg4{background: url(../images/ppbj9.png) center center no-repeat;}



/*防伪查询*/
.fwcxaf{background: #fff;padding: 0.15625rem}
.fwcxaf3 span{
    font-size:0.40625rem;padding-bottom: 0.15625rem;border-bottom: 1px dashed #e5e5e5;
    margin-bottom:0.15625rem;
    margin-top: 0.625rem;
    font-weight: bold;
    text-align: left;}
.fwcxaf1{
    text-align: center;}
.fwcxaf1 p{text-align: left;
    margin-top:0.3125rem;}
.ethrt{margin-top:0.625rem}
.rthgtgv{border: 1px solid #a0a0a0;
    height:0.890625rem;
    width:100%;
    padding-left:0.3125rem;}
.rthgtgv1{
    width:60%;
    height:0.828125rem;
    line-height:0.828125rem;background: #e60012;
    text-align: center;border-radius: 5px;
    margin-top:0.78125rem;
    font-size:0.28125rem;
    color: #fff;}
.fwcxaf1 img{margin: 1rem 0;
    width:80%;}
.fwcxaf2{border-top: 1px dashed #e5e5e5;
    padding: 0 0.3125rem;
    padding-top:0.3125rem;}
.fwcxaf2 p{
    line-height:0.625rem;}



/*友情链接*/
.yqlj{
    margin-top:0.375rem;background: #fff}
.yqlj h2{
    color: #333333;
    font-size:0.3125rem;
    border-bottom: 1px solid #f3f3f3;
    padding:0.3125rem;font-weight: bold;
    }
.yqlj ul{
    padding-right:0.3125rem;
    margin:0.3125rem 0;
    display: inline-block;}
.yqlj ul li{
    float: left;}
.yqlj a{
    margin-left:0.3125rem;
    color: #666666;
    word-wrap:break-word;
    font-size:0.25rem;}
/*友情链接*/

/*联系我们*/

.lxwm{
    padding:0.3125rem;background: #fff;
    display: inline-block;}
.lxwm ul li{
    width:48%;
    float: left;
    text-align: center;
    margin-bottom:0.3125rem;}
.lxwm ul li:nth-child(2n+1){
    margin-right:4%;}
.lxwm ul li h6{
    font-size:0.46875rem;
    margin-bottom:0.5rem;}
.lxwm ul li img{
    margin-bottom:0.5rem;}
.lxwm ul li p em{
    color: #fff100;padding: 0.2rem 0.8rem;background: #d7000f;
    font-size:0.46875rem;}
.lxwm ul li p {margin: 0.5rem 0;
    font-size:0.25rem;
    color: #999999;}
.ergerb p{font-size: 0.3125rem;color: #666666;}
.ergerb h6{font-size: 0.8125rem;color: #333333;}


.weib{height: 0.78125rem;
    margin-top: 0.3125rem;
    line-height:0.78125rem;background: #000;
    color: #faf7ef;
    text-align: center;
    font-size:0.21875rem;}

.ergerb{
    display: inline-block;
    width:100%;}

    .fenye{
		text-align: center;
		margin: 30px 0;
		display: inline-block;
		width: 100%;}
	.fenye a{padding: 5px 10px;}
	.fenye a.active{background: red;
		color: #fff;}




.zxxq {
    padding: 0 0.3125rem;
}
.zxxq h2 {
    text-align: center;
    margin-bottom: 0.3125rem;
    font-size: 0.71875rem;
}

.rthty {
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    margin: 0.3125rem 0;
    font-size:0.40625rem;
    padding: 10px;
    line-height: 0.5625rem;
}
.rthty em {
    color: #00a0e9;
}
.zxxq2 p {
    margin-top: 10px;
    text-indent: 20px;
    font-size: 0.4375rem;
    line-height: 0.625rem;
}
.information_left4 {
    margin: 0.3125rem 0;
    padding: 0 0.15625rem;
    line-height: 1.5625rem;
    position: relative;
    background: #fff;
}
.information_left4 p span {
    float: left;
    margin-right: 0.5rem;
}
.information_left5 {
    background: #fff;
    padding: 0.46875rem 0.78125rem;
}
.information_left4 p a {
    margin-right: 5px;
    float: left;
}
.active {
    color: #e60012;
}
.modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7)
}

.modal-dialog {
    position: absolute;
    left: 50%;
    top: 33%;
    margin-left: -133px;
    border-radius: 5px;
    /*width: 515px;*/
    background: #fff;
    overflow: hidden
}

.modal-dialog .dialog-head {
    height: 57px;
    padding: 0 18px;
    background: #efeff0;
    font-size: 18px;
    line-height: 57px
}

.modal-dialog .dialog-head > .iconfont {
    cursor: pointer;
    color: #666
}

.modal-dialog .dialog-body {
    text-align: center;
    margin: 30px 0
}

.modal-dialog .dialog-body > #tips {
    padding: 0 20px;
    text-align: left;
    line-height: 22px;
    font-size: 16px
}

.modal-dialog .dialog-body > p:first-child {
    font-size: 45px
}

.modal-dialog .dialog-body > p:first-child > i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 68px;
    height: 68px;
    background-repeat: no-repeat
}

.modal-dialog .dialog-body > p:first-child ~ p {
    margin-top: 20px;
    font-size: 15px
}
.fr {
    float: right;
}