@charset "utf-8";
html,body{color: #121212;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a{color: inherit;outline: none;}
/* 滚动条 */
::-webkit-scrollbar {
    display: block;
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #ff0000;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #ff0000;
}
.gray{filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);}

/* 通用 */
body{position: relative;overflow-x: hidden;min-width: 1280px;}
.w1826{width: 95.1%;margin: 0 auto;}
.w1720{width: 89.58vw;margin: 0 auto;}
.w1460{width: 76.04vw;margin: 0 auto;}
.f-10{font-size: 10px;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-24{font-size: 24px;}
.f-32{font-size: 32px;}
.f-34{font-size: 34px;}
.f-36{font-size: 36px;}
.f-38{font-size: 38px;}
.f-40{font-size: 40px}
.f-48{font-size: 2.5vw;}
.f-54{font-size: 2.8125vw;}
.f-72{font-size: 3.75vw;}
.f-88{font-size: 4.583vw;}
.f-90{font-size: 4.6875vw;}
.f-150{font-size: 7.8125vw;}
.f-160{font-size: 8.3vw;}
.ofi{object-fit: cover;object-position: center;}
.ofc{object-fit: contain;object-position: center;}
.hoverline{position: relative;}
.hoverline::after{content: "";position: absolute;left: 0;bottom: -7px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}

.com-title{display: flex;align-items: flex-start;}
.com-title .cn{margin-right: 32px;font-weight: lighter;line-height: 1em;}
.com-title .en{text-transform: uppercase;line-height: 1em;}

.com-type{display: flex;align-items: center;justify-content: space-between;width: 65.1vw;margin: 0 auto;padding: 60px 0;background: #fff;}
.com-type>p{opacity: .6;}
.com-type .title{text-align: center;}
.com-type .title .cn{display: flex;justify-content: center;margin-bottom: 10px;line-height: 1em;font-weight: bold;}
.com-type .title .cn img{position: relative;transform: translateY(-25%);display: block;width: 16px;height: 16px;margin: 0 5px;}
.com-type .title .en{line-height: .8em;font-weight: bold;}

.com-top{position: relative;display: flex;justify-content: space-between;color: #ff0000;line-height: 1em;}
.com-top .en{line-height: 1em;text-transform: uppercase;}
.com-top span{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

/* header */
.header{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;box-sizing: border-box;border-top: 6px solid #ff0000;background: rgba(255, 255, 255, .95);}
.header .main{z-index: 1;transition: all .5s;display: flex;justify-content: space-between;height: 74px;box-sizing: border-box;}
.header .main .logo{position: absolute;left: 50%;top: 24.32%;transform: translateX(-50%);transition: all .5s;}
.header .main .logo img{display: block;}
.header .main .logo img.hover{display: none;}
.header .nav{display: flex;align-items: center;color: #272727;}
.header .nav .item{position: relative;transition: all .5s;height: 100%;padding:0 .83vw;box-sizing: border-box;overflow: hidden;}
.header .nav .item:first-child{padding-left: 0;}
.header .nav .item:last-child{padding-right: 0;}
.header .nav .type{transition: all .5s;display: flex;justify-content: center;align-items: center;height: 100%;box-sizing: border-box;}
.header .nav .item.on .type,.header .nav .item:hover .type{font-weight: bold;}
.header .nav .item ul{position: absolute;top: calc(100% + 60px);left: .83vw;z-index: 1;}
.header .nav .item li{transition: all .8s;transform: translateY(100%);width: 50vw;margin-top: 27px;opacity: 0;}
.header .nav .item li:first-child{transition-delay:.2s}
.header .nav .item li:nth-child(2){transition-delay:.4s}
.header .nav .item li:nth-child(3){transition-delay:.6s}
.header .nav .item li:nth-child(4){transition-delay:.8s}
.header .nav .item li:nth-child(5){transition-delay:1s}
.header .nav .item li:nth-child(6){transition-delay:1.2s} 
.header .nav .item li a{font-weight: normal;transition: all .5s;}
.header .nav .item li:hover a {font-weight: bold;}
.header .nav .item li:hover a::after{animation: none;background-position: left bottom;background-size: 100% 1px;}

.header .tool{transition: all .5s;display: flex;align-items: center;}
.header .tool .lang{display: flex;flex-flow: column;align-items: center;justify-content: center;width: 95px;margin-right: 12px;cursor: pointer;}
.header .tool .lang .now{position: relative;transition: all .5s;display: flex;align-items: center;width: 100%;height: 54px;box-sizing: border-box;border: 1px solid transparent;padding: 0 12px;background: rgba(255, 255, 255, 0);overflow: hidden;}
.header .tool .lang .now span{position: relative;padding-right: 16px;}
.header .tool .lang .now span::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);transform-origin: center;;transition: all .5s;width: 0;height: 0;border: 3px solid transparent;border-bottom: 0px solid transparent;border-top: 5px solid #121212;}
.header .tool .lang .other{position: absolute;left:50%;top: 100%;transform: translateX(-50%);transition: all .5s;margin-top: -1px;width: 95px;height: 30px;box-sizing: border-box;border: 1px solid rgba(220, 220, 220, .9);padding: 9px 12px;line-height: .8em;background: rgba(255, 255, 255, .9);opacity: 0;}
.header .tool .lang .now:hover{border-color: rgba(220, 220, 220, .9);background: rgba(255, 255, 255, .9);overflow: visible;}
.header .tool .lang .now:hover span::after{transform: translateY(-50%) rotate(60deg);}
.header .tool .lang .now:hover .other{opacity: 1;}
.header .tool .lang .now .other:hover{background: #fff;}

.header .tool .isearch{position: relative;min-width: 22px;height: 38px;margin-right: 1.56vw;}
.header .tool .isearch img.btn{position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: block;cursor: pointer;}
.header .tool .isearch form{position: relative;display: none;align-items: center;justify-content: space-between;width: 0;height: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(39, 39, 39, .5);overflow: hidden;}
.header .tool .isearch input{display: block;width: 190px;height: 100%;border: none;outline: none;background: transparent;}
.header .tool .isearch button{display: flex;align-items: center;border: none;outline: none;cursor: pointer;background: transparent;}
.header .tool .isearch .close{display: flex;align-items: center;border: none;cursor: pointer;}
.header .tool .isearch.open img.btn{display: none;}
.header .tool .isearch.open form{display: flex;width: 246px;}
.header .tool .shopping img{display: block;}

.header.on .main .nav .item .type,.header.on .tool{padding-bottom: 6px;}
.header.on .main .logo {margin-top: -6px;}
.header.on .main .logo img.leave{display: none;}
.header.on .main .logo img.hover{display: block;}

.navbox{position: fixed;top: 80px;left: 0;transition: all .5s;width: 100%;height: 0px;background: rgba(236, 236, 236, .95);overflow: hidden;}
.navbox .line{position: absolute;left: 50%;top: 0;transform: scaleY(0);transform-origin: top;transition: all .8s;width: 1px;height: 100%;background: rgba(0,0,0,.2);}
.header .navbox .box{display: flex;justify-content:space-between;box-sizing: border-box;padding-bottom: 54px;border-top: 1px solid rgba(0,0,0,.2);line-height: 1em;}
.header .navbox .box .pic{position: relative;transform: translateY(54px);transition: all .8s .4s;width: 14.41%;padding-bottom: 20.34%;opacity: 0;}
.header .navbox .box .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.header .nav .item:hover{overflow: visible;}
.header .nav .item:hover .navbox{height: 404px;}
.header .nav .item:hover .line{transform: scaleY(1);}
.header .nav .item:hover .navbox .box .pic{transform: translateY(0);opacity: 1;}
.header .nav .item:hover li{transform: translateY(0);opacity: 1;}

/* i-banner */
.i-banner{position: fixed;left: 0;top: 0;width: 100%;}
.i-banner .swiper-slide{height: auto;}
.i-banner .swiper-slide .pic{position: relative;transition: all 1s;width: 100%;padding-bottom: 100vh;}
.i-banner .swiper-slide img,.i-banner .swiper-slide video{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-banner .swiper-pagination{display: flex;justify-content: center;align-items: center;bottom: 1.875vw;}
.i-banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 9.11vw;height: 2px;border-radius: 0;background: #fff;opacity: .5;outline: none;}
.i-banner .swiper-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;will-change: background-size;background: url(/static/img/line-red.png) no-repeat left bottom;transition: background-size 1s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 100%;}
.i-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.i-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{animation: none;background-position: left bottom;background-size: 100% 100%;}

.mask{width: 100%;height: 100vh;}
/* i-product */
.i-product{position: relative;z-index: 9;width: 100%;background: #fff;}
.i-product-swiper{position: relative;}
.i-product-swiper .item{position: relative;display: flex;justify-content: center;align-items: center;height: 48.75vw;}
.i-product-swiper .item .box{position: relative;width: 100%;height: 100%;color: #fff;}
.i-product-swiper .item .text{position: absolute;}
.i-product-swiper .item .text_lt{left: 5.20vw;top: 4.01vw;}
.i-product-swiper .item .text_lt img{display: block;width: auto;height: 8.22vw;}
.i-product-swiper .item .text_lt p{line-height: 1em;font-size: 32px;}
.i-product-swiper .item .text_lt h5{font-size: 42px;line-height: 1em;font-weight: normal;}
.i-product-swiper .item .text_lt h6{margin-bottom: 1.35vw;font-size: 40px;line-height: 1em;font-weight: bold;}

.i-product-swiper .item .text_rt{right: 5.20vw;top: 2.34375vw;display: flex;flex-flow: column;align-items: flex-end;text-align: right;line-height: 1em;}
.i-product-swiper .item .text_rt h5{font-size: 32px;font-weight: normal;line-height: 1em;}
.i-product-swiper .item .text_rt h6{margin:1.66vw 0 0.625vw;font-size: 24px;font-weight: normal;line-height: .8em;}
.i-product-swiper .item .text_rt img{display: block;width: auto;height: 8.125vw;margin-bottom: 1.82vw;}

.i-product-swiper .item .text_title{right: 0;top: 21.40625vw;width: 50%;text-align: center;text-transform: uppercase;}
.i-product-swiper .item .text_title .en{margin-bottom: 1.25vw;line-height: .8em;text-transform: uppercase;}
.i-product-swiper .item .text_title .cn{line-height: 1em;font-weight: bold;}
.i-product-swiper .item .text_title .link{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 124px;height: 37px;border-radius: 4px;margin: 1.45vw auto 0;color: #ff0000;text-align: center;background: #fff;}
.i-product-swiper .item .text_title .link:hover{color: #fff;background: #000;}
.i-product-swiper .item:first-child .text_title .link{color: #609edb;}

.i-product-swiper .item .text_lb{left: 5.20vw;bottom: 9.18%;color: #000;}
.i-product-swiper .item .text_lb h6{display: block;margin-bottom: 1.14vw;font-size: 40px;font-weight: bold;line-height: 1em;}
.i-product-swiper .item .text_lb h5{opacity: .8;font-size: 48px;line-height: 1em;font-weight: normal;}
.i-product-swiper .item2 .text_lb{color: #fff;}
.i-product-swiper .item4 .text_lb h6{color: #ff0000;}
.i-product-swiper .item4 .text_lb h5{color: #121212;opacity: .5;}

.i-product-swiper .swiper-btn{position: absolute;right: 5.2vw;bottom: 3.90625vw;z-index: 1;display: flex;align-items: center;}
.i-product-swiper .swiper-btn .next{display: flex;justify-content: center;align-items: center;width: 37px;height: 37px;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;outline: none;margin-left: 2.7vw;cursor: pointer;}
.i-product-swiper .next img{display: block;}
.i-product-swiper .swiper-pagination{position: relative;bottom: auto;left: auto;display: flex;justify-content: center;align-items: center;width: fit-content;}
.i-product-swiper .swiper-pagination .swiper-pagination-bullet{box-sizing: border-box;border: 1px solid #fff;outline: none;margin: 0 3px;background: transparent;opacity: .8;}
.i-product-swiper .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.i-product-swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.i-product-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #fff;}
.i-product-swiper .small{position: absolute;left: 50%;top: 50%;display: flex;justify-content: center;align-items: center;}
.i-product-swiper .innerswiper{position: absolute;z-index: 2;width: 18.28125vw;opacity: 0;}
.i-product-swiper .item:first-child .innerswiper{opacity: 1;}
.i-product-swiper .innerswiper .pic{position: relative;display: block;width: 100%;padding-bottom: 151.56%;}
.i-product-swiper .innerswiper .pic img{position: absolute;left: 0;top: 0;display: block;;width: 100%;height: 100%;}

/* i-video */
.pin-spacer{background: #000;z-index: 9;}
.i-video {position: relative;z-index: 9;height: 100vh !important;overflow: hidden;background: #000;}
.i-video .cover{position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;box-sizing: border-box;padding: 11.19vw 0;}
.i-video .cover .main{display: flex;justify-content: space-between;width: 61.97vw;height: 100%;margin: 0 auto;color: #959595;}
.i-video .cover .main li{display: flex;flex-flow: column;justify-content: space-between;}
.i-video .cover .main li.l{text-align: left;align-items: flex-start;}
.i-video .cover .main li.m{text-align: center;align-items: center;}
.i-video .cover .main li.r{text-align: right;align-items: flex-end;}
.i-video .cover .main .item .en{margin-bottom: 0.46875vw;line-height: .8em;text-transform: uppercase;}
.i-video .cover .main .item .cn{line-height: 1em;}
.i-video .overlay {position: relative;z-index: 1;overflow: hidden;height: 100%;}
.i-video .overlay svg,.i-video .overlay img{display: block;width: 100%;height: 100%;}
.i-video .videosource {height: 100%;margin-top: -100vh;}
.i-video .videosource video {display: block;width: 100%;height: 100%;}


@keyframes svgToBig {
	0%{transform: scale(1);opacity: 1;}
	100%{transform: scale(60);opacity: 0;}
}

@keyframes text {
	0%{opacity: 1;}
	100%{opacity: 0;}
}

/* footer */
.footer{position: relative;z-index: 9;padding: 6.875vw 0 4.89vw;background: #e8edf1;}
.footer .toup{position: absolute;right: 5.2vw;top: 6.45vw;display: flex;align-items: center;color: #ff0000;text-transform: uppercase;cursor: pointer;}
.footer .toup .cycle{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 37px;height: 37px;border-radius: 50%;box-sizing: border-box;border: 2px solid #ff0000;margin-left: 0.52vw;}
.footer .toup .cycle img{display: block;}
.footer .toup .cycle img.hover{display: none;}
.footer .toup:hover .cycle{background: #ff0000;}
.footer .toup:hover .cycle img.default{display: none;}
.footer .toup:hover .cycle img.hover{display: block;}
.footer .media{display: flex;line-height: 1em;margin-bottom: 7.8125vw;}
.footer .media ul{display: flex;margin-left: 16.14vw;line-height: 1em;}
.footer .media ul li{height: 6.77vw;margin-right: 2.6vw;}
.footer .media ul li:last-child{margin-right: 0;}
.footer .media ul img{display: block;width: auto;height: 100%;}
.footer .media ul p{margin-top: 0.88vw;opacity: .8;}
.footer .bottom{display: flex;justify-content: space-between;padding-bottom: 3.85vw;}
.footer .bottom .item{width: 21.61vw;}
.footer .bottom .item .title{display: block;padding-bottom: 0.67vw;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 1.14vw;line-height: 1em;}
.footer .bottom .item .nav{}
.footer .bottom .item .nav li {margin-bottom: 0.729vw;line-height: 1em;}
.footer .bottom .item .nav li:last-child{margin-bottom: 0;}
.footer .bottom .item .nav li a{transition: all .5s;display: inline-block;color: #000;opacity: 0.8;}
.footer .bottom .item .nav li a::after{background-image: url(/static/img/line-red.png);}
.footer .bottom .item .nav li:hover a{color: #ff0000;}
.footer .bottom .item .nav li:hover a::after{animation: none;background-position: left bottom;background-size: 100% 1px;}

.footer .store{margin-bottom: 1.77vw;}
.footer .store form{display: flex;justify-content: space-between;}
.footer .store form .input{position: relative;width: 5.625vw;border-radius: 14px;box-sizing: border-box;padding: 0 0.625vw;background: #dde2e6;cursor: pointer;}
.footer .store form .input .text,.footer .store form select{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 30px;border: none;outline: none;color: rgba(0,0,0,.6);background: transparent;}
.footer .store form .input .text p{color: rgba(0,0,0,.6);}
.footer .store form .input .text img{transition: all .5s;display: block;}
.footer .store form .input ul{position: absolute;left: 0;top: 34px;display: none;width: 100%;background: #fff;box-shadow:  0 0 5px rgba(0,0,0,.1);}
.footer .store form .input li{height: 30px;text-align: center;line-height: 30px;cursor: pointer;}
.footer .store form .input li span{color: rgba(0,0,0,.6);}
.footer .store form .input li:hover{background: rgba(0,0,0,.3);}
.footer .store form .input li:hover span{color: #000;}



.footer form button,.footer form a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 3.54vw;height: 30px;border-radius: 14px;border: none;outline: none;color: #fff;background: rgba(0,0,0,.3);cursor: pointer;}
.footer .store form .input.on .text img{transform: rotate(180deg);}
.footer form button:hover,.footer form a:hover{background: #ff0000;}



.footer .web{}
.footer .web .webtitle{line-height: 1em;}
.footer .web form{position: relative;display: flex;justify-content: space-between;align-items: center;margin-top: 16px;}
.footer .web form img{position: absolute;left: 2.4%;top: 50%;transform: translateY(-50%);display: block;}
.footer .web form input{display: block;width: 16.7vw;height: 30px;box-sizing: border-box;border-radius: 14px;border: none;outline: none;padding: 0 9.76%;background: rgba(18,18,18,.05);}
.footer .copyright{display: flex;flex-flow: column;align-items: center;justify-content: center;}
.footer .copyright .footer-logo{width: 2.86vw;margin-bottom: 1.14vw;}
.footer .copyright .footer-logo a{display: block;width: 100%;height: auto;}
.footer .copyright p{color: rgba(0,0,0,.6);line-height: 1.71em;text-align: center;}
.footer .copyright p a{transition: all .5s;}
.footer .copyright p a:hover{color: #ff0000;}
     

/* innerbanner */
.innerbanner{width: 100%;height: 41.66vw;box-sizing: border-box;padding-top: 15.1vw;}
.innerbanner .title{line-height: 1em;text-align: center;font-weight: bold;text-align: center;}
.innerbanner span{display: block;margin-bottom: 1.14vw;text-transform: uppercase;line-height: .8em;}
.innerbanner .summary {margin-top: 5.2vw;color: rgba(18, 18, 18, .7);text-align: center;line-height: 2em;}

.innerbanner1,.innerbanner2{height: 41.66vw;box-sizing: border-box;padding-top: 14.73vw;text-align: center;}
.innerbanner1 .title{font-weight: bold;line-height: 1em;text-align: center;}
.innerbanner1 .longtitle{margin: 1.25vw auto 4.94vw;font-weight: lighter;line-height: 1.5em;text-align: center;opacity: .8;}
.innerbanner1 .summary,.innerbanner2 .summary{line-height: 2em;text-align: center;opacity: .7;}
.innerbanner2{color: #fff;}
.innerbanner2 .title{margin: 0 0 5.83vw;font-weight: bold;line-height: 1em;text-align: center;}

/* history */
.history{padding: 3.4375vw 0 10.15625vw;overflow: hidden;}
.history .list{padding-top: 4.6875vw;}
.history .item{position: relative;display: flex;align-items: center;}
.history .item .pic.person{position: relative;width: 19.27vw;height: 19.27vw;border-radius: 50%;overflow: hidden;}
.history .item .pic.person img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.history .item .info{position: relative;width: 24.375vw;margin-left: -1.09375vw;}
.history .item .info::before{content: "";position: absolute;left: 0;top: 0;width: 21.875vw;height: 1px;background: #ff0000;}
.history .item .info .year{padding-top: 1.25vw;color: #ff0000;line-height: .8em;letter-spacing: -10px;}
.history .item .info .msg{position: absolute;left: 0;top: 100%;margin-top: 0.88vw;color: #6b6b6b;line-height: 1.77em;}

.history .item1{left: 38.33vw;}
.history .item2 .info{width: 27.29vw;}
.history .item3{left: 67.6vw;margin-top: -2.91vw;}
.history .item3 .info{width: 22.5vw;}
.history .item4{left: 21.45vw;margin-top: 3.28125vw;}
.history .item4 .info{width: 33.07vw;}
.history .item5{margin-top: 6.40625vw;}
.history .item5 .info{width: 23.69vw;}
.history .item6{left: 47.5vw;margin-top: -3.75vw;}
.history .item6 .info{width: 23.59375vw;}
.history .item7{left: 4.68vw;}
.history .item7 .info{width: 25.36vw;}
.history .item8{left: 51.875vw;align-items: flex-end;}
.history .item8 .pic{width: 15.46875vw;}
.history .item8 .pic img{display: block;width: 100%;height: auto;}
.history .item8 .info{width: 21.82vw;margin-left: 0;}
.history .item9{left: 6.77vw;margin-top: 6.09375vw;}
.history .item9 .info{width: 29.0625vw;}
.history .item10{left: 63.3vw;}
.history .item10 .info{width: 21.82vw;}
.history .item11{align-items: flex-start;margin-top: 3.07vw;}
.history .item11 .pic{width: 23.4375vw;}
.history .item11 .pic img{display: block;width: 100%;height: auto;}
.history .item11 .info{margin-left: 4.63vw;margin-top: 2.708vw;}
.history .item12{left: 56.45vw;margin-top: -9.16vw;}
.history .item13{left: 27.5vw;margin-top: 9.58vw;}
.history .item14{left: 0;margin-top: 7.8125vw;}
.history .item14 .info{width: 31.14vw;}
.history .item15{left: 46.04vw;margin-top: -2.1875vw;}
.history .item15 .info{width: 25.36vw;}
.history .item16{left: 15.625vw;margin-top: 3.33vw;}
.history .item16 .info{width: 25.36vw;}
.history .item17{left: 45.9375vw;margin-top: 5.57vw;}
.history .item17 .info{width: 27.29vw;}
.history .item18{left: 0;margin-top: -5.83vw;}

/* inquire */
.inquire{margin-top: 80px;padding: 6.14vw 0 3.43vw;background: url(/static/img/inquire-bg.jpg) center/cover no-repeat;}
.inquire-title{margin-bottom: 4.375vw;text-align: center;}
.inquire-title .cn{margin-bottom: 2.1875vw;color: #000;line-height: 1em;}
.inquire-title .en{color: #ff0000;line-height: .8em;font-weight: bold;}
.inquire-main{display: flex;justify-content: center;text-align: center;}
.inquire-main .tel,.inquire-main .tip{width: 24.32vw;padding-top: 2.7vw;}
.inquire-main .tel img{display: block;margin:0 auto 1.77vw;}
.inquire-main .tel .item{margin-bottom: 20px;}
.inquire-main .tel p{line-height: 1em;opacity: .8;}
.inquire-main .tel a{margin-top: 0.72vw;display: block;line-height: 1em;opacity: .8}
.inquire-main .tip{}
.inquire-main .tip .title{margin-bottom: 1.97vw;line-height: 1em;opacity: .8;}
.inquire-main .tip .content{line-height: 2em;}
.inquire-main .tip .content span{display: inline-block;width: 18px;height: 18px;border-radius: 50%;margin-right: 14px;line-height: 18px;text-align: center;color: #fff;background: rgba(18, 18, 18, .5);}
.inquire-main .tip .content p{position: relative;opacity: .8;}
.inquire-main .ewm{margin: 0 8.33vw;color: #000;}
.inquire-main .ewm img{display: block;}
.inquire-main .ewm p{line-height: 1em;margin-top: 0.9375vw;}
.inquire-time{margin-top: 8.33vw;color: #000;line-height: 1em;text-align: center;opacity: .7;}

/* honor */
.honor{position: relative;padding: 180px 0 138px;}
.honor-top{position: absolute;left: 50%;top: 180px;transform: translateX(-50%);display: flex;justify-content: space-between;align-items: center;align-items: center;color: #7a7a7a;line-height: 1em;}
.honor-top p{padding: 25px 0;border-top: 1px solid #7a7a7a;border-bottom: 1px solid #7a7a7a;font-weight: lighter;}
.honor-content{margin-bottom: 177px;text-align: center;}
.honor-content .title{margin-bottom: 28px;color: #0e0e0e;line-height: 1em;}
.honor-content .msg{color: #737373;font-weight: lighter;line-height: 1em;}

.honor-swiper{width: 72.91vw;margin: 0 auto;}
.honor-swiper .container {position: relative;margin: 0 auto;width: 6.92vw;height: 10.41vw;padding: 5.72vw 0;perspective: 1200px !important;}
.honor-swiper .carousel {width: 100%;height: 100%;position: absolute;transform-style: preserve-3d;transition: transform 1s;}
.honor-swiper figure {position: absolute;transition: all .5s;display: block;width: 100%;height: auto;padding-bottom: 150%;border-radius: 2px;overflow: hidden;background: #fff;}
.honor-swiper figure img {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;transition: all .5s;filter: grayscale(100%);opacity: .2;}
.honor-swiper figure.opacity img{opacity: .9;}
/* .honor-swiper figure.opacity1 img{opacity: .7;} */
.honor-swiper figure.show img{filter: grayscale(0);opacity: 1 !important;}

/* brand */

.brand-intro{position: relative;display: flex;}
.brand-intro .text{width: 46.61%;box-sizing: border-box;padding:120px 10.15% 123px 11.97%;background: #f8f8f8;}
.brand-intro .text .top{margin-bottom: 13.17vw;}
.brand-intro .text .title{margin-bottom: 24px;line-height: 1.18em;}
.brand-intro .text .point{display: flex;align-items: center;color: #ff0000;text-transform: uppercase;line-height: .8em;}
.brand-intro .text .point img{display: block;margin: 0 20px;}
.brand-intro .text .tips{margin-bottom: 36px;color: #a7a7a7;line-height: 1.2em;text-transform: uppercase;}
.brand-intro .text .msg{line-height: 1.7em;opacity: .8;}
.brand-intro .bg{width: 53.34%;}
.brand-intro .bg img{display: block;width: 100%;height: 100%;}
.brand-intro .swiper{position: absolute;bottom: 7.08vw;right: 0;width: 63.54vw;}
.brand-intro .swiper .item{position: relative;width: 40.9%;}
.brand-intro .swiper .item::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 3px;background: #ff0000;}
.brand-intro .swiper .item .pic{position: relative;width: 100%;padding-bottom: 63.52%;}
.brand-intro .swiper .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.brand-intro .swiper .next{position: absolute;right: 14.26%;top: 50%;transform: translateY(-50%);z-index: 2;display: flex;justify-content: center;align-items: center;width: 3.22vw;height: 3.22vw;border-radius: 50%;outline: none;background: #ff0000;cursor: pointer;}
.brand-golbal{padding: 87px 0;background: url(/static/img/gobal.jpg)center/cover no-repeat;}
.brand-golbal .main{display: flex;box-sizing: border-box;padding-left: 11.97%;}
.brand-golbal .pic{position: relative;width: 23.90625vw;}
.brand-golbal .pic img{display: block;width: 100%;height: auto;}
.brand-golbal .info{margin-left: 10.36vw;}
.brand-golbal .info .tips{margin: 6px 3px 0;color: #a7a7a7;line-height: 1.33em;text-transform: uppercase;}
.brand-golbal .info .title{margin: 2.23vw 0 1.25vw;line-height: 1em;}
.brand-golbal .info .msg{line-height: 1.77em;}

/* 顶级面料 */

.fabric{position: relative;display: flex;flex-flow: column;justify-content: center;height: 49.47vw;background: url(/static/img/mianliao-bg.jpg)center/cover no-repeat;}
.fabric .title{position: relative;transition: all 2s;color: #fff;}
.fabric .title .en{margin-bottom: 2.08vw;text-transform: uppercase;line-height: .8em;}
.fabric .title .cn{font-weight: lighter;line-height: 1em;}

@keyframes fabricUp {
	0% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0)
	}

	100% {
		opacity          : 1;
		-webkit-transform: none;
		transform        : none
	}
}

.fabricUp {
	-webkit-animation-name: fabricUp;
	animation-name        : fabricUp;
    -webkit-animation-duration : 1s;
	animation-duration         : 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode        : both;
}

@keyframes fabricUp1 {
	0% {
		opacity          : 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform        : translate3d(0, 100%, 0)
	}

	100% {
		opacity          : 1;
		-webkit-transform: none;
		transform        : none
	}
}

.fabricUp1 {
	-webkit-animation-name: fabricUp1;
	animation-name        : fabricUp1;
    -webkit-animation-duration : 1s;
	animation-duration         : 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode        : both;
}

.fabric-swiper{width: 100%;margin-top: 7.08vw;z-index: 2;}
.fabric-swiper .swiper-wrapper{transition-timing-function:linear;}
.fabric-swiper .item{position: relative;width: 16.4vw;overflow: hidden;}
.fabric-swiper .item .cycle{position: relative;width: 100%;padding-bottom: 100%;border-radius: 50%;box-sizing: border-box;border: 1px solid #454545;overflow: hidden;}
.fabric-swiper .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;filter: grayscale(100%);display: block;width: 100%;height: 100%;}
.fabric-swiper .item:hover img{filter: grayscale(0);}

.fabric-top{margin-bottom: 112px;text-align: center;}
.fabric-top .title{color: #000;line-height: 1em;}
.fabric-top .summary{margin-top: 32px;color: #737373;line-height: 1.5em;font-weight: lighter;}

.fabric-content{margin-bottom: 124px;color: #000;text-align: center;}
.fabric-content .title{font-weight: bold;line-height: .8em;}
.fabric-content .longtitle{margin:13px 0;line-height: 1em;}
.fabric-content .summary{min-height: 4.5em;line-height: 1.5em;font-weight: lighter;}

/* 七大科技爆品 */
.honor.matrix{padding: 155px 0 145px;}
.honor.matrix .honor-swiper .container{padding: 4.72vw 0;}


/* product */
.product{padding-bottom: 155px;}
.product-banner{width: 100%;}
.product-banner .item{position: relative;width: 100%;padding-bottom: 50.36%;}
.product-banner .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}

.product-list{display: flex;flex-wrap: wrap;box-sizing: border-box;width: 97.7%;margin: 0 auto;padding-bottom: 75px;}
.product-list .item{width: 32.94%;margin-right: 0.59%;}
.product-list .item:nth-child(3n){margin-right: 0;}
.product-list .item a{display: block;}
.product-list .item .pic{position: relative;display: none;width: 100%;padding-bottom: 144.82%;}
.product-list .item .pic.on{display: block;}
.product-list .item .pic img{position: absolute;left: 0;top: 0;transition: all .8s;display: block;width: 100%;height: 100%;background: #f3f3f3;}
.product-list .item .pic img.hover{z-index: 2;opacity: 0;}
.product-list .item .pic:hover img.hover{opacity: 1;}
.product-list .item .text{display: flex;align-items: center;justify-content: space-between;padding: 6px 20px 15px 0;color: #595959;line-height: 1em;}
.product-list .item .text .title{display: flex;align-items: center;}
.product-list .item .text span{display: block;margin-right: 4px;font-weight: bold;}
.product-list .item .text ul{display: flex;align-items: center;}
.product-list .item .text li{position: relative;width: 15px;height: 15px;border-radius: 50%;box-sizing: border-box;border: 1px solid #e7e4dd;margin-left: 7px;cursor: pointer;}
.product-list .item .text li:first-child{margin-left: 0;}
.product-list .item .text li .cycle{position: absolute;left: 0;top: 0;transform-origin: center;transition: all .5s;width: 100%;height: 100%;border-radius: 50%;background: #e7e4dd;}
.product-list .item .text li:hover .cycle,.product-list .item .text li.on .cycle{transform: scale(.6);}
.product-more{display: flex;justify-content: center;align-items: center;cursor: pointer;color: #131313;}
.product-more .cycle{display: flex;justify-content: center;align-items: center;width: 37px;height: 37px;border-radius: 50%;box-sizing: border-box;border: 2px solid #1e1d1d;margin-left: 24px;}
.product-more img{display: block;}
.product-more img.hover{display: none;}

/* product详情页 */
.product-read{padding: 80px 0 246px;}
.product-read .top{display: flex;justify-content: space-between;height: 49.47vw;padding-left: 1.04%;}
.product-read .series{width: 7.5vw;box-sizing: border-box;padding: 2.65vw 0 3.75vw;overflow: hidden;}
.product-read .series .swiper{height: 43.07vw;}
.product-read .series .item{position: relative;width: 100%;height: auto;cursor: pointer;}
.product-read .series .item::before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;box-sizing: border-box;border: 1.5px solid #ff0000;opacity: 0;}
.product-read .series .item .pic{position: relative;width: 100%;padding-bottom: 148.61%;}
.product-read .series .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: #f3f3f3;}
.product-read .series .item:hover::before,.product-read .series .item.on::before{opacity: 1;}

.product-read .goods{display: flex;width: 86.61vw;}
.product-read .goods .swiper{position: relative;width: 46.6%;}
.product-read .goods .swiper .item{display: block;width: 100%;height: 100%;}
.product-read .goods .swiper .item img{display: block;width: 100%;height: 100%;}
.product-read .goods .swiper .page{position: absolute;left: 50%;bottom: 3.02vw;transform: translateX(-50%);z-index: 1;display: flex;justify-content: center;align-items: center;}
.product-read .goods .swiper .page .btn{cursor: pointer;outline: none;}
.product-read .goods .swiper .page .btn img{display: block;}
.product-read .goods .swiper .page .btn.prev{margin-right: 2.96vw;}
.product-read .goods .main{position: relative;display: flex;flex-flow: column;justify-content: space-between;width: 53.39%;box-sizing: border-box;padding: 2.23vw;background-position: center;background-size: cover;background-repeat: no-repeat;}
.product-read .goods .main .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(227, 222, 220, .8);}
.product-read .goods .main .wrap1{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: flex-start;}
.product-read .goods .main .tips{display: flex;align-items: flex-start;max-width: calc(100% - 200px);;color: #ff0000;line-height: 1.25em;}
.product-read .goods .main .icon{display: flex;align-items: center;height: 26px;margin-right: 1.77vw;}
.product-read .goods .main .icon img{display: block;width: auto;height: 100%;}
.product-read .goods .main .level{display: flex;flex-flow: column;align-items: flex-end;width: 200px;}
.product-read .goods .main .level img{display: block;width: 7.34vw;height: auto;margin-bottom: 1.56vw;}
.product-read .goods .main .level .title{color: #ff0000;text-align: right;}
.product-read .goods .main .level .title .en,.product-read .goods .main .level h6{margin-bottom: 10px;color: #ff0000;font-size: 18px;line-height: 1em;font-weight: normal;}
.product-read .goods .main .level .title .cn,.product-read .goods .main .level h5{color: #ff0000;font-size: 32px;line-height: 1em;font-weight: normal;}
.product-read .goods .main .level .longtitle{margin-top: 2.6vw;color: #ff0000;line-height: 1em;text-align: right;}


.product-read .goods .main .wrap2{position: relative;z-index: 1;}
.product-read .goods .main .color{display: flex;}
.product-read .goods .main .wrap2 .color{display: flex;margin-bottom: 50px;}
.product-read .goods .main .color li{transition: all .5s;width: 58px;height: 58px;box-sizing: border-box;border: 1px solid #b5b5b5;margin-right: 10px;cursor: pointer;}
.product-read .goods .main .color li.on,.product-read .goods .main .color li:hover{border-color: #ff0000;}
.product-read .goods .main .wrap2 .info{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 44px;color: #ff0000;}
.product-read .goods .main .wrap2 .size{display: flex;}
.product-read .goods .main .wrap2 .size p{display: block;margin-right: 40px;line-height: 1em;}
.product-read .goods .main .wrap2 .info p{line-height: 1.33em;}
.product-read .goods .main .wrap2 .goods-title{display: flex;justify-content: space-between;color: #ff0000;}
.product-read .goods .main .wrap2 .goods-title .en{font-size: 5.52vw;text-transform: uppercase;line-height: .8em;}
.product-read .goods .main .wrap2 .goods-title .cn{font-size: 4.16vw;line-height: 1em;}
.product-read .goods .main .wrap2 .btn{display: flex;justify-content: center;align-items: center;height: 3.33vw;margin-top: 36px;color: #fff;background: #ff0000;}

.product-read .goods .main .wrap3 {position: relative;z-index: 1;}
.product-read .goods .main .wrap3 .color{margin-bottom: 5.83vw;}
.product-read .goods .main .wrap3 .socks{color: #ff0000;}
.product-read .goods .main .wrap3 .socks .entitle{line-height: .8em;text-transform: uppercase;font-weight: bold;}
.product-read .goods .main .wrap3 .socks .title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 1.04vw 0 2.08vw;}
.product-read .goods .main .wrap3 .socks .title .en{font-size: 4.52vw;line-height: .8em;text-transform: uppercase;}
.product-read .goods .main .wrap3 .socks .title .cn{font-size: 4.16vw;}
.product-read .goods .main .wrap3 .btn{display: flex;justify-content: center;align-items: center;height: 3.33vw;color: #fff;background: #ff0000;}

.product-read .goods .main .wrap4{position: relative;z-index: 1;color: #ff0000;}
.product-read .goods .main .wrap4 .color{margin-bottom: 36px;}
.product-read .goods .main .wrap4 .summary{line-height: 1.33em;text-align: right;}
.product-read .goods .main .wrap4 .title{display: flex;justify-content: space-between;align-items: flex-end;}
.product-read .goods .main .wrap4 .title .en{font-size: 3.84vw;line-height: .8em;text-transform: uppercase;}
.product-read .goods .main .wrap4 .title .cn{font-size: 4.16vw;line-height: 1em;}
.product-read .content{padding: 116px 0 154px;}
.product-read .content .post{width: 84.21%;margin: 100px auto 0;}
.product-read .content .post img{display: block;max-width: 100%;height: auto;}
.related{}
.related .swiper{padding:0 0 76px;margin-top: 105px;}
.related .swiper .item{width: 25.4%;}
.related .swiper .item .pic{position: relative;display: block;width: 100%;padding-bottom: 132.49%;}
.related .swiper .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: #f3f3f3;}
.related .swiper .item .pic .cycle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;width: 107px;height: 107px;border-radius: 50%;background: #ff0000;opacity: 0;overflow: hidden;}
.related .swiper .item .pic .cycle .line{position: absolute;left: -100%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;width: 50px;height: 1px;background: #f0c5b7;}
.related .swiper .item .pic .cycle .line:first-child{left: 50%;top: -100%;width: 1px;height: 50px;}
.related .swiper .item .name{display: flex;align-items: flex-end;margin-top: 22px;line-height: 1em;}
.related .swiper .item .name span{margin-left: 20px;line-height: 1em;}
.related .swiper .swiper-pagination{top: auto;bottom: 0;height: 2px;background: #dcdad8;}
.related .swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ff0000}

.related .swiper .item:hover .pic .cycle{opacity: 1;}
.related .swiper .item:hover .pic .cycle .line{left: 50%;}
.related .swiper .item:hover .pic .cycle .line:first-child{top: 50%;}

/* contact */
.contact{display: flex;padding: 160px 0 184px;}
.contact .main,.contact .form{width: 50%;}
.contact .main .content{margin-bottom: 86px;line-height: 2em;}
.contact .main .info{display: flex;}
/* .contact .main .info .item{width: 33.33%;box-sizing: border-box;} */
.contact .main .info .item:first-child{margin-right: 15.89%;}
.contact .main .info .item .icon img{display: block;width: auto;height: 36px;margin: 0 auto;}
.contact .main .info .item .title{margin-top: 22px;opacity: 0.6;line-height: 1em;text-align: center;}
.contact .main .info .item .tel{margin-top: 37px;line-height: 1em;text-align: center;}
.contact .main .info .item .address{margin-top: 35px;;line-height: 1.22em;text-align: center;}
.contact .form{box-sizing: border-box;padding-left: 5.13%;padding-right: 1.3%;}
.contact .form form{display: block;width: 100%;}
.contact .form input,.contact .form select{display: block;width: 100%;height: 27px;border: none;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;outline: none;margin-bottom: 34px;padding: 0 8px;color: #828282;line-height: 2.16em;}
.contact .form select{-webkit-appearance:none;}
.contact .form textarea{width: 100%;height: 160px;box-sizing: border-box;border: 1px solid #dcdcdc;border-radius: 10px;outline: none;margin: 30px 0 35px;padding: 8px;resize: none;overflow-y: auto;}
.contact .form button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 38px;box-sizing: border-box;border: 1px solid #ff0000;outline: none;border-radius: 10px;color: #fff;background: #ff0000;cursor: pointer;}
.contact .form button p{letter-spacing: 4px;}
.contact .form button:hover{color: #ff0000;background: transparent;}

/* news */
.newsbanner{position: relative;height: 41.66vw;}
.newsbanner video{display: block;width: 100%;height: 100%;}
.latest{margin: 20px auto 100px;}
.latest-l{float: left;width: 49.5%;}
.latest-l .item{display: block;}
.latest-l .item .pic{position: relative;width: 100%;padding-bottom: 59.62%;}
.latest-l .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.latest .item .pic::after,.news .item .pic::after{content: "";position: absolute;left: 0;bottom: 0;transform-origin: left;transform: scaleX(0);transition: all .5s;z-index: 1;width: 100%;height: 5px;background: #ff0000;}
.latest .item .top,.news .item .top{display: flex;justify-content: space-between;align-items: center;padding: 6px 0 16px;color: #6b6b6b;line-height: 1em;}
.latest .item .top .type,.news .item .top .type{color: #ff0000;}
.latest .item .top .type span,.news .item .top .type span{color: #6b6b6b;}
.latest-l .item .title{line-height: 1.375em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.latest-l .item .text{display: flex;justify-content: space-between;align-items: flex-end;padding-top: 8px;}
.latest-l .item .summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width: 22.5vw;height: 2.8em;color: #6b6b6b;line-height: 1.4em;}
.latest .item .more,.news .item .more{position: relative;display: flex;align-items: center;width: fit-content;padding-bottom: 4px;color: #ff0000;line-height: 1em;}
.latest .item .more img,.news .item .more img{display: block;margin-left: 5px;}
.latest .item .more::after,.news .item .more::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ff0000;}
.latest .item:hover .pic::after,.news .item:hover .pic::after{transform: scaleX(1);}

.latest-r{float: right;display: flex;flex-wrap: wrap;justify-content: space-between;width: 49.17%;}
.latest-r .item{display: block;width: 48.66%;margin-top: 35px;}
.latest-r .item:first-child,.latest-r .item:nth-child(2){margin-top: 0;}
.latest-r .item .pic{position: relative;width: 100%;padding-bottom: 64.61%;}
.latest-r .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.latest-r .item .bottom{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 14px;}
.latest-r .item .bottom .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width: 65.21%;height: 2.75em;line-height: 1.375em;}

.news{padding: 130px 0 144px;border-top: 1px solid rgba(18,18,18,.3);}
.news .news-top{display: flex;justify-content: space-between;align-items: center;}
.news .page{display: flex;}
.news .page .btn{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 62px;height: 62px;border: 1px solid #ff0000;border-radius: 50%;box-sizing: border-box;outline: none;background: #ff0000;cursor: pointer;}
.news .page .btn.prev{margin-right: 24px;}
.news .page .btn img{display: block;}
.news .page .btn img.hover{display: none;}
.news .page .btn:hover{background: transparent;}
.news .page .btn:hover img.default{display: none;}
.news .page .btn:hover img.hover{display: block;}
.news .swiper{padding-top: 65px;}
.news .item{width: 27.15%;padding: 0 0.81%;box-sizing: border-box;border-left: 1px solid rgba(84, 84, 84, .3);border-right: 1px solid rgba(84, 84, 84, .3);}
.news .item .pic{position: relative;width: 100%;padding-bottom: 64.61%;}
.news .item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.news .item .title{margin: 6px 0;line-height: 1.375em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.news .item .summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom: 70px;color: #545454;line-height: 1.4em;}

/* 新闻详情页 */
.article{display: flex;justify-content: space-between;padding: 100px 0 156px;}
.article .info{padding-top: 296px;}
.article .info .type{color: #ff0000;line-height: .8em;}
.article .info .type span{color: #6b6b6b;}
.article .info .date{margin-top: 6px;line-height: .8em;}
.article .main{width: 72.26%;}
.article .title{margin-bottom: 146px;line-height: 1.08em;}
.article .summary{color: #6b6b6b;line-height: 1.5em;font-weight: lighter;}
.article .kv{margin-top: 54px;color: #6b6b6b;line-height: 1em;}
.article .kv .pic{position: relative;width: 100%;margin-bottom: 8px;}
.article .kv .pic img{display: block;width: 100%;height: auto;}
.article .content{width: 60.65%;margin-top: 54px;color: #6b6b6b;line-height: 1.5em;text-align: justify;}
.article .content h2{margin: 0;color: #121212;font-size: 26px;font-weight: normal;line-height: 1.5em;}
.article .content p{min-height: 1.5em;}
.article .content img{display: block;width: 100%;height: auto;}
.article .content .back{display: flex;justify-content: flex-end;margin-top: 74px;}
.article .content .back a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 142px;height: 50px;border-radius: 25px;box-sizing: border-box;border: 1px solid #ff0000;color: #ff0000;}
.article .content .back a:hover{color: #fff;background: #ff0000;}

/* 搜索结果页 */
.search{padding-top: 80px;}
.search .related{padding: 60px 0;}
.search .related .swiper{margin-top: 65px;}
.search .news{padding-top: 60px;border: none;}
.nocontent{display: flex;justify-content: center;height: 40vh;box-sizing: border-box;padding-top: 10vh;text-align: center;}
/* 门店 */
.store-wrap3{padding: 200px 0 100px;background: #e6e6e6;}
.store-wrap3 .store-wrap3-result{overflow: hidden;margin-bottom: 30px;padding: 30px;box-sizing: border-box;height: 618px;background: #fff;border-radius: 5px;box-shadow: 1.414px 1.414px 3.92px 0.08px rgba(7, 0, 2, 0.05);}
.store-wrap3 .store-left{width: 40%;padding-right: 10px;box-sizing: border-box;}
.store-wrap3 .store-right{width: 55%;height: 100%;}
.store-wrap3 .store-info{margin-bottom: 30px;}
.store-wrap3 .store-info .title{font-size: 18px;line-height: 1em;color: #4c4948;}
.store-wrap3 .title:after{margin: 13px 0 8px;display: block;content: "";width: 100%;height: 1px;background: #e0e0e0;}
.store-wrap3 .store-info p{color: #797776;line-height: 1em;}
.store-wrap3 .store-info .p1{margin-left: -8px;font-size: 12px;}
.store-wrap3 .store-info .p2{margin: 10px 0 16px;font-size: 18px;color: #4c4948;}
.store-wrap3 .store-info .p3{font-size: 12px;}
.store-wrap3 .store-list{max-height: 400px;overflow: auto;}
.store-wrap3 .store-list dl{position: relative;display: flex;flex-flow: column;justify-content: center;padding-left: 50px;box-sizing: border-box;height: 100px;border-bottom: 1px solid #e0e0e0;cursor: pointer;}
.store-wrap3 .store-list dl.hoverline::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line-red.png) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 1px;}
.store-wrap3 .store-list dl.on::after,.store-wrap3 .store-list dl:hover::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
.store-wrap3 .store-list dt{font-size: 12px;color: #323232;}
.store-wrap3 .store-list dd{font-size: 12px;color: #8c8c8c;}
.store-wrap3 .store-list .num{position: absolute;left: 0;top: 50%;margin-top: -15px;width: 30px;height: 30px;border-radius: 50%;background: #ff0000;text-align: center;line-height: 30px;color: #fff;}
.store-wrap3 .store-search{box-sizing: border-box;padding: 30px;height: 230px;background: #fff;border-radius: 5px;box-shadow: 1.414px 1.414px 3.92px 0.08px rgba(7, 0, 2, 0.05);}
.store-wrap3 .store-search h6{font-size: 18px;line-height: 1em;color: #4c4948;text-align: center;}
.store-wrap3 .store-search h6:after{display: block;content: "";margin: 23px 0 40px;width: 100%;height: 1px;background: #e0e0e0;}


/* media css */
@media screen and (max-width: 1600px){
	.footer .store form .input{padding: 0 6px;}
}
@media screen and (max-width: 1500px){
	.footer .store form{flex-wrap: wrap;}
	.footer .store form .input,.footer .store form button{width: 48%;padding: 0 0.625vw;}
	.footer .store form .input.province,.footer .store form .input.city{margin-bottom: 6px;}
	.footer .web form input{width: calc(100% - 70px);}
	.footer .web form button{width: 60px;}
	.brand-intro .text{padding: 120px 5.15% 123px 11.97%;}
	.brand-intro .swiper{width: 56.54%;}
	.history{padding-bottom: 400px;}
}
@media screen and (max-width: 1366px){
	.i-product-swiper .item .text_lt h5{font-size: 2.18vw;}
	.i-product-swiper .item .text_lt h6,.i-product-swiper .item .text_lb h6{font-size: 2.08vw;}
	.i-product-swiper .item .text_lb h5{font-size: 2.5vw;}
	.i-product-swiper .item .text_lt p,.i-product-swiper .item .text_rt h5{font-size: 28px;}
	.brand-intro .text .top{margin-bottom: 7.17vw;}
	.contact .main .info .item:first-child{margin-right: 10%;}
	.product-read .goods .main .wrap3 .color{margin-bottom: 1.83vw;}
}
@media screen and (max-width: 1280px){
	.w1826{width: 1217px;}
	.w1720{width: 1146px;}
	.w1460{width: 973px;}
}