/* index */
.idx-banner .swiper-pagination{width: 100%; bottom: 20px; text-align: center;}
.idx-banner .swiper-pagination-bullet{position: relative; margin: 0 5px; width: 7px; height: 7px; background: #fff; opacity: 1;}
.idx-banner .swiper-pagination-bullet::before{position: absolute; display: block; content: ""; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 1px solid #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.idx-banner .swiper-pagination-bullet-active::before{-webkit-transform: scale(1); transform: scale(1);}
@media (min-width: 640px){
.idx-banner .hidden-xs{display: block !important;}
.idx-banner .hidden-sm{display: none !important;}
.idx-banner .swiper-pagination{right: 7.3%; width: auto; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%);}
.idx-banner .swiper-pagination-bullet{display: block; margin: 26px 0; background: #e5e8e7;}
.idx-banner .swiper-pagination-bullet::before{border: 1px solid #e5e8e7; }
}
.idx-block{padding-top: 35px; border-bottom: 1px solid #dedede;}
.idx-block .bgcolor{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0;}
.idx-block .circlebox{position: absolute; top: -20%; left: 12%; font-size: 16px; color: #fff; height: 140%; width: 76%; opacity: 0; border: 64px solid rgba(255,255,255,.2); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease; transition: all .5s ease;}
.idx-block .weui-cell{height: 100%; width: 100%; text-align: center;}
.idx-block h3{position: relative; margin-top: 5%; padding-left: 25px; font-size: 18px; line-height: 24px; color: #292929;}
.idx-block .smcircle{left: 0; top: 50%; margin-top: -7px;}
.idx-block-item{padding-bottom: 3%;}
.idx-block-item a{display: block; margin-right: 3px;}
.idx-block-item .line{position: absolute; display: block; left: 0; bottom: -1px; width: 0; height: 1px; background: #db2430;}
.idx-block .row >div:nth-of-type(3) .bgcolor{opacity: .3;}
.idx-block .row >div:nth-of-type(3) .circlebox{left: 50%; top: 50%; margin-top: -36px; margin-left: -36px; border: 6px solid rgba(255,255,255,.2); opacity: 1; width: 72px; height: 72px; -webkit-transform: scale(1); transform: scale(1);}
.idx-block .row >div:nth-of-type(3) .circlebox img{-webkit-transform: translateZ(0); -moz-transform: translateZ(0);}
.idx-title p{margin-bottom: 0; font-size: 12px; color: #292929;}
.idx-title h3{margin-top: 10px; font-size: .44rem; color: #292929;}
.idx-brand .row{padding: 7% 0; color: #292929;}
.idx-brand .row >div:nth-of-type(2){font-size: 16px; color: #444;}
.idx-brand .row >div:nth-of-type(2) span{display: inline-block; text-align: center; margin-right: 14%;}
.idx-brand .row >div:nth-of-type(2) i{display: block; font-size: .4rem; color: #db2430; font-style: normal;}
.idx-brand .row >div:nth-of-type(3) h6{margin-top: 0; font-size: 16px; color: #444;}
.idx-brand .row >div:nth-of-type(3) p{margin-bottom: 40px; font-size: 14px; line-height: 26px; color: #676767;}
.idx-brand .row >div:nth-of-type(3) a .smcircle{left: 0; top: 50%; margin-top: -6px;}
.idx-brand .row >div:nth-of-type(3) a span{padding-left: 25px; font-size: 16px; color: #292929;}
.idx-solution{padding: 8% 0; color: #6f6f6f; font-size: 14px; line-height: 28px;}
.idx-solution p.f18{margin-top: 20px; color: #1b1b1b;}
.idx-solution h3{margin-top: 5px; margin-bottom: 14%; font-size: .44rem; color: #1b1b1b;}
.idx-solution .more{margin-top: 10%; margin-bottom: 13%;}
.idx-news{padding: 10% 0;}
.idx-news .article{padding: 12px 15px 20px; width: 100%; background: #fff; color: #292929;}
.idx-news .weui-cell__hd .ff-vtoront{display: block; font-size: .38rem; line-height: 1;}
.idx-news .weui-cell__bd{padding-left: 30px;}
.idx-news .weui-cell__bd h5{margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #292929;}
.idx-news .weui-cell__bd p{margin-bottom: 0; font-size: 14px; color: #8d8d8d;}
.idx-news .swiper-container{margin-right: 73px;}
.idx-news .swiper-buttons{position: absolute; z-index: 2; right: 10px; top: 50%; color: #292929; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.idx-news .swiper-buttons .tags{margin: 72% 0;}
.idx-news .swiper-button-prev, .idx-news .swiper-button-next{position: static; margin: 0 auto; width: 36px; height: 36px; border: 2px solid #ff0808; background-size: 17px;}
.idx-news .swiper-button-prev{background-image: url(../images/icon/arrow-left.png);}
.idx-news .swiper-button-next{background-image: url(../images/icon/arrow-right.png);}
@media (max-width: 639px){.idx-brand .row >div:nth-of-type(2){margin-top: 20px; margin-bottom: 20px;}}
@media (min-width: 640px){
.idx-solution h3{margin-bottom: 5%;}
.idx-solution .more{margin-top: 3%; margin-bottom: 3%;}
.idx-news{padding: 4% 0 3%;}
}
@media (min-width: 1200px){
.idx-block-item a:hover .bgcolor{opacity: .3}
.idx-block-item a:hover h3{color: #db2430;}
.idx-block-item a:hover .smcircle{border-color: #db2430;}
.idx-block-item a:hover .line{width: 100%;}
.idx-block-item a:hover .circlebox{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.idx-block .row >div:nth-of-type(3) a:hover .circlebox{top: -20%; left: 12%; height: 140%; width: 76%; margin: 0; border: 64px solid rgba(255,255,255,.2);}
.idx-solution h3{margin-bottom: 15%;}
.idx-solution .more{margin-top: 8%; margin-bottom: 0;}
.idx-news .article:hover h5{color: #db2430;}
.idx-news .swiper-button-prev:hover, .idx-news .swiper-button-next:hover{border-color: #292929;}
}
@media (min-width: 1200px) and (max-width: 1440px){
.idx-block .circlebox, .idx-block .row >div:nth-of-type(3) a:hover .circlebox{border-width: 50px;}
}

/* case */
.case{padding: 3.5% 0 50px;}
.case .row >div{margin-top: 12px; overflow: hidden;}
.case .imgbox{background-position: center center; background-size: cover;}
.case .article{position: relative; top: -28px; margin: 0 22px; padding: 7% 16%; background: #fff;}
.case .article .cover{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e83c39; -webkit-animation: fadeOutUp 1s cubic-bezier(0.53, 1, 0.38, 0.7); animation: fadeOutUp 1s cubic-bezier(0.53, 1, 0.38, 0.7); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.case .article h5{margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #454545;}
.case .article p{font-size: 14px; color: #aaa;}
.case-title{margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #343434; text-shadow: 0 1px 2px rgba(0,0,0,.1);}
.case-time{font-size: 14px; color: #343434;}
.case-editor{padding: 4% 0; font-size: 14px; line-height: 24px; color: #424242;}
.case-editor img{margin-left: auto !important; margin-right: auto !important;}
@media (min-width: 1200px){
.case .article .cover{display: block;}
.case a:hover .article .cover{-webkit-animation: fadeInUp 1s cubic-bezier(0.23, 1, 0.38, 1); animation: fadeInUp 1s cubic-bezier(0.23, 1, 0.38, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.case a:hover .article h5, .case a:hover .article p{color: #fff;}
}

/* product */
.product{padding: 3% 0 50px;}
.product .clearfix{padding: 0 3%;}
.product .item{margin: 8.2% auto; padding: 20px; width: 83%; background: #fff;}
.product .item p.upper{margin-top: 12px; margin-bottom: 30px; color: #bababa;}
.product .item .before{position: absolute; top: 12%; left: 17%; display: block; width: 66%; height: 77.93%; border: 45px solid #ededed; -webkit-animation: flipInX 1s; animation: flipInX 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.product .item .after{position: absolute; top: 12%; left: 17%; display: block; width: 66%; height: 77.93%; border: 45px solid #cd3842; -webkit-animation: flipOutX 1s; animation: flipOutX 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.product .item h3{margin-bottom: 15px; color: #666;}
.product .item .prices{font-size:20px;color:red;margin-bottom:15px}
.product .item .block-bttn{display:block;width:140px;border:1px solid red;color:red;font-size:18px;padding:5px 0;text-align:center;margin:auto}
.product .item .block-bttn:hover{color:#fff;background:red;transition:all .3s linear}
.protext{padding: 35px 0;}
.protext .box{margin: 0 auto; width: 56%; color: #4e4e4e;}
.protext .box h3{font-size: .36rem; font-weight: normal;}
.protext .weui-cell{padding: 3.6% 4.4%; border-bottom: 1px solid #d1d1d1; font-size: 14px;}
.protext .weui-cell:first-child{margin-top: 5%; border-top: 1px solid #d1d1d1;}
.protext .weui-cell:nth-of-type(2n){background: #ececec;}
.protext .weui-cell__bd{padding-left: 15px; text-align: right;}
.protext .row{margin-top: 3%;}
.protext .col-xs-6{margin: 15px 0; font-size: 16px; color: #434343; opacity: .7; text-align: center;}
.protext .col-xs-6:nth-of-type(4n){text-align: right;}
.protext .col-xs-6:nth-of-type(5n), .protext .col-xs-6:nth-of-type(1){text-align: left;}
.protext .col-xs-6 >div{display: inline-block; text-align: left;}
.protext .col-xs-6 img{display: inline; margin-right: 5px;}
.proimg{padding: 7% 0 22%;}
@media (min-width: 1200px){
.product .item a:hover h3{color: #cd3842;}
.product .item a:hover .before{-webkit-animation: flipOutX 1s; animation: flipOutX 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.product .item a:hover .after{-webkit-animation: flipInX 1s; animation: flipInX 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.product .item a:hover .imgbox img{-webkit-animation: bounceIn 1s; animation: bounceIn 1s; }
}
@media (max-width: 1199px){
.protext .box{width: 66%;}
}
@media (max-width: 991px){
.product .item{margin: 5% auto; width: 90%;}
.product .item .before, .product .item .after{border-width: 30px;}
.protext .box{width: 76%;}
}
@media (max-width: 639px){
.product .clearfix{padding: 0;}
.product .item{width: 100%;}
.protext .box{width: 100%;}
.protext .col-xs-6{text-align: left !important;}
.protext .col-xs-6 >div{display: block;}
}

/* network */
.network{padding: 2% 0;}
.network h3{color: #373737; font-size: .3rem;}
.network .item{display: inline-block; margin: 2% 4%; font-size: 14px; color: #373737;}
.network .item .red{color: #cd3842;}
.network .item .counter{font-size: .68rem;}
.network .item i{position: relative; top: -.4rem; font-size: .3rem; font-style: normal;}
.network-map{background: #121212;}
.network-map .container{padding: 5% 0;}
.network-map img.auto{position: absolute; top: 0; left: 0;}
.auto-infor{width:100%;padding:20px 0;}
.auto-price{font-size:18px;color:rgb(231, 31, 25);margin-bottom:20px;}
.auto-price span{font-size:32px}
.size-group{float:left;margin-bottom:10px}
.color-group{float:left;margin-left:10px}
.color_{display:inline-block}
.color-input{border:1px solid rgb(226,226,226);padding:10px 0;font-size:16px;width: 60px;text-align: center;color:#000;margin-right:5px;cursor:pointer;display:inline-block}
.color-input:hover{border-color:red}
.color-input-act{border-color:red}
.auto-text{font-size:18px;color:#000;display:inline-block;margin-top:9px}
.auto-number{display:inline-block;margin-bottom:20px;margin-top:13px;}
.auto-box{width: 45px;padding: 10px 0;text-align: center;display: inline-block;color: #000;border: 1px solid rgb(226,226,226);font-size: 16px;cursor: pointer;float:left;}
.auto-long{width:90px;border-left:none;border-right:none;}
.auto-btnn{margin-bottom:20px}
.auto-btnn a{display:inline-block;width:1.75rem;padding:10px 0;color:#fff;text-align:center;margin-right:15px}
.auto-btnn .reed{background-color:rgb(231, 31, 25);}
.auto-btnn .blacck{background-color:rgb(51,51,51);}
.network-map select{width: 100%; height: .6rem; line-height: .6rem; border-bottom: 1px solid #343434; font-size: .3rem; color: #fff; background: url(../images/icon/select.png) no-repeat 96% center; background-size: 15px;}
.network-map select option{padding: 5px; font-size: 16px; color: #666; background: #fff; outline: 0; border: 0;}
.result{max-height: 380px; overflow: hidden;}
.result ul{overflow: hidden; list-style: initial; padding: 10px 0 10px 25px;}
.result ul li{padding: 5px; line-height: 26px; color: #fff;}
.showmore{display: block; margin-left: 25px; width: 50px; height: 20px; text-align: center; line-height: 20px;}
.showmore i{margin: 0 4px; background-color:#fff; height:5px; width:5px; display:inline-block; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {-webkit-transform: translateY(0)}  
  20% {-webkit-transform: translateY(-10px)}
}

@keyframes stretchdelay {
  0%, 40%, 100% {-webkit-transform: translateY(0)}  
  20% {-webkit-transform: translateY(-10px)}
} 
@media (min-width: 1200px){
.showmore:hover i{background: #ce3843; -webkit-animation: stretchdelay 1s infinite ease-in-out; animation: stretchdelay 1s infinite ease-in-out;}
.showmore:hover .cir1{-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
.showmore:hover .cir2{-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
.showmore:hover .cir3{-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
}
@media (min-width: 1400px){.network .item{margin-left: 5%; margin-right: 5%;}}
@media (min-width: 1610px){.network .item{margin-left: 6%; margin-right: 6%;}}
@media (max-width: 991px){.network .item{margin-left: 2%; margin-right: 2%;}}
@media (max-width: 639px){
.network .container{text-align: left;}
.network .container h3{text-align: center;}
.network .item{margin: 5% 1%; text-align: center; width: 47%;}
.network-map .container{padding-top: 0; padding-bottom: 10%;}
.network-map img.auto{position: relative; margin: 0; width: 200%; max-width: none; -webkit-transform: translateX(-10%); transform: translateX(-10%);}
.color-group{float:none;text-align:center;margin-left:0;margin-top:10px}
}

/* contact */
.map{margin: 40px 0;}
.map img{display: inline; max-width: none;}
.anchorBL{display: none;}
.contac-info{padding: 2% 0 3%; color: #515151; line-height: 24px;}
.contac-info .cn{margin-top: 8px; margin-bottom: 7px; font-weight: bold;}
.contac-info .en{margin-bottom: 18px; color: #bbb;}
.contac-info .col-md-3{margin-top: 2%;}
.contac-info img.inline{max-width: 96px; margin-top: 5%; border: 2px solid #787878;}
@media (min-width: 992px){
.contac-info .col-md-2{width: 19%;}
.contac-info .col-md-3{margin-left: 4%; width: 20%}
}
@media (max-width: 991px){
.contac-info .col-md-3{margin-top: 5%; margin-left: 2%; width: 48%;}
.contac-info img.inline{margin-top: 8%; margin-right: 17%}
}
@media (max-width: 700px){
.map{height: 40vh !important;}
.contac-info .col-xs-12{margin-bottom: 5%;}
.contac-info .col-md-3{margin-top: 5%; margin-left: 0; width: 100%; text-align: center;}
.contac-info .col-xs-12:nth-of-type(5){width: 100%; text-align: center;}
.contac-info img.inline{margin-top: 8%; margin-right: 0;}
}

/* solution */
.solution-hd{margin: 0 auto; padding: 8% 0 5.5%; width: 70%; font-size: 14px; line-height: 28px; color: #2f2f2f;}
.solution-hd .tit1{font-size: .3rem; line-height: 1.5}
.solution-hd .tit2{margin-bottom: 8%; font-size: .4rem; line-height: 1.2}
.solution-hd .weui-flex__item p{margin: 0 auto; width: 80%;}
.solution-bd{padding: 3.5% 0;}
.solution-bd img{margin: 0 auto;}
.solution-bd h1{ margin-bottom: 6%; text-align: center; font-size: .4rem; color: #333;}
.solution-bd select{float: right; padding-right: 30px; font-size: 16px; line-height: 30px; color: #333; background: url(../images/icon/select_black.png) no-repeat 98% center; background-size: 13px;}
.solution-bd select option{padding: 5px;}
.solution-bd-box{margin: 5% auto 3%; width: 53%;}
.solution-bd-box .article{font-size: 14px; line-height: 24px; color: #333;}
.solution-bd-box .title{margin: 0 auto 5%; width: 48%; position: relative; text-align: center;}
.solution-bd-box .title i{position: absolute; top: 52%; left: 0; display: block; width: 100%; height: 1px; background: #333;}
.solution-bd-box .title h3{position: relative; display: inline-block; padding: 0 30px; font-size: .4rem; color: #333;}
.solution-bd .item{margin: 24px 0;}
.solution-bd .item a{display: block; padding: 20% 15px 15%; background: #f0f0f0;}
.solution-bd .item:nth-of-type(2n-1) a{margin-right: 16px;}
.solution-bd .item:nth-of-type(2n) a{margin-left: 16px;}
.recommend-bd .weui-flex__item{padding: 12px 10px; line-height: 26px; text-align: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.recommend-bd .weui-flex:nth-of-type(2n){background: #ededed;}
.recommend-bd .weui-flex:nth-of-type(2n-1){background: #d7d7d7;}
.recommend-bd div.weui-flex{background: #87877d !important; font-size: 16px; color: #fff;}
.recommend-bd a.weui-flex{font-size: 16px; color: #1f1f1f; border-top: 1px solid #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.anchor{padding: 23px 0;}
.anchor{margin: 20px 0;}
.anchor-hd .imgbox{margin-top: 40px; height: 220px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.anchor-title{position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -92px; width: 184px; color: #fff; background: #cd3842; }
.anchor-title h4{margin-top: 40px; margin-bottom: 0; font-size: 20px;}
.anchor-title small{margin-top: 8px; opacity: .2; color: #fff; line-height: 16px;}
.anchor-bd ul{width: 65%; margin: 2.5% auto; padding: 0; overflow: hidden;}
.anchor-bd ul li{position: relative; padding-top: 8px; padding-bottom: 8px;}
.anchor-bd ul li::after{position: absolute; display: block; content: ""; top: 50%; right: 0; margin-top: -5px; width: 2px; height: 10px; background: #333;}
.anchor-bd ul li:nth-of-type(4n)::after, .anchor-bd ul li:last-child::after{display: none;}
.anchor-bd a{display: inline-block; margin: 0 auto; padding: 0 24px; font-size: 16px; color: #333; height: 24px; line-height: 24px;}
@media (min-width: 1200px){
.anchor-bd a:hover{color: #fff; background: #cd3842;}
.recommend-bd a.weui-flex:hover{background: #87877d;}
.recommend-bd a.weui-flex:hover *{color: #fff;}
}
@media (max-width: 1440px){.solution-bd-box{width: 63%;}}
@media (max-width: 991px){
.solution-hd .weui-flex{display: block;}
.anchor-bd ul li:nth-of-type(3n)::after{display: none;}
.anchor-bd ul li:nth-of-type(4n)::after{display: block;}
.solution-bd-box{width: 70%;}
.solution-bd-box .title{width: 60%;}
}
@media (max-width: 639px){
.solution-hd{width: 100%;}
.solution-hd .tit1{font-size: .34rem;}
.solution-hd .weui-flex__item p{width: 92%;}
.solution-bd-box, .solution-bd-box .title{width: 80%;}
.solution-bd .item:first-child{margin-bottom: 0;}
.solution-bd .item a{margin: 0 !important;}
.recommend-bd .weui-flex__item{padding-left: 5px; padding-right: 5px; font-size: 14px;}
.anchor-hd .imgbox{height: 140px;}
.anchor-title{width: 150px; margin-left: -75px;}
.anchor-bd ul{width: 95%;}
.anchor-bd ul li:nth-of-type(2n)::after{display: none !important;}
.anchor-bd ul li:nth-of-type(3n)::after{display: block;}
}

/* news */
.news{padding-bottom: 50px}
.news .page{margin-top: 7%; margin-bottom: 3%;}
.news-item{margin: 0 20px; padding-top: 8px; border-top: 1px solid #d7d7d7;}
.news-item i{left: 0; top: -9px; width: 55px; height: 3px; background: #000; -webkit-transition: all .7s cubic-bezier(.23,1,.38,1); transition: all .7s cubic-bezier(.23,1,.38,1);}
.news-item .date{color: #2f2f2f; line-height: 30px;}
.news-item h4{color: #2f2f2f; margin-top: 0; margin-bottom: 15px;}
.news-item p{margin-bottom: 28px; color: #969696; font-size: 14px; line-height: 24px; height: 48px;}
.news-cont{margin-left: 16%; padding: 15px;}
.news div.clearfix >div{margin: 4% 0 2%;}
.news-details{margin: 4% 18px;background: #fff; line-height: 28px;}
.news-details *{font-family: "Source Han Sans CN","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif !important;}
.news-details .case-editor{padding: 6% 19.5%;}
.news-title{padding: 40px 15px; background: #ededed;}
.news-title h1{font-size: .3rem; color: #2f2f2f; margin-top: 0; font-weight: normal;}
.news-title p{font-size: 14px; color: #989898; margin: 0;}
.pagelink{line-height: 65px; border-top: 2px solid #f7f7f7;}
.pagelink a{font-size: 14px; color: #575757; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
@media (min-width: 992px){
.news-item{margin: 0; width: 85%;}
.news div.clearfix >div:nth-of-type(2) .news-item, .news div.clearfix >div:nth-of-type(5) .news-item, .news div.clearfix >div:nth-of-type(8) .news-item{margin: 0 auto;}
.news div.clearfix >div:nth-of-type(3n) .news-item{margin-left: 15%;}
}
@media (min-width: 1200px){
.news-item a:hover i{width: 100%;}
.news-item a:hover h4{color: #ce3843;}
.news-item a:hover .news-cont{-webkit-transform: matrix(1,0,0,1,0,8); transform: matrix(1,0,0,1,0,8); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
.pagelink a:hover{background-color: #cd3842; color: #fff;}
}
@media (max-width: 639px){
.news-details{margin: 30px 0;}
.news-details .case-editor{padding: 30px 15px;}
}

/* about */
.about .box1 .article{margin: 0 auto; padding: 4% 0; width: 38%; text-align: center;}
.about .box1 h3{margin-bottom: 40px; font-size: .4rem; color: #2f2f2f; font-weight: normal;}
.about .box1 h3 small {color: #2f2f2f; font-size: .4rem;}
.about .box1 h3 small span{font-size: .84rem;}
.about .box1 p{font-size: 16px; line-height: 30px; color: #8e8e8e;}
.about .box2{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.about .box2 .article{margin: 0 auto; padding: 5% 0; width: 57%; color: #fff; font-size: 14px; line-height: 24px;}
.about .box2 h6{font-size: 20px; text-align: center; line-height: 40px;}
.about .line{margin: 7% auto; display: block; width: 20px; height: 3px;}
.about .box2 .cont >div:nth-of-type(1) >div{margin-right: 35px;}
.about .box2 .cont >div:nth-of-type(2) >div{margin-left: 35px;}
.about .box2 .items{margin-top: 12%; padding-top: 6%; border-top: 1px solid #76625f; line-height: 22px;}
.about .box2 .items >div >div{display: inline-block; margin: 0 30px; text-align: center;}
.about .box2 .items >div:nth-of-type(2){text-align: center;}
.about .box2 .items >div:nth-of-type(3){text-align: right;}
.about .box2 .counter{font-size: .4rem; line-height: 1.1;}
.about .box3 .article{color: #323232;}
.about .box3 .items{margin: 0 10% 13%;}
.about .box3 .items >div >div{text-align: center;}
.about .box4{padding-bottom: 15%; background-position: center bottom;}
.about .box4 .cont{margin-bottom: 6%;}
.about .box4 .awards{display: inline-block; margin: 15px 0; padding: 12px; width: 88.34%; border: 5px solid #fff;}
.about .box4 .awards .linebox{padding: 8px; border: 2px solid #9d9e9e;}
.about .box4 .col-md-3:nth-of-type(1){text-align: left;}
.about .box4 .col-md-3:nth-of-type(4){text-align: right;}
.about .box4 .awards .ff-ar{margin-bottom: 60%; line-height: 1.4;}
.about .box4 .awards h4{margin-bottom: 20px; font-size: 16px;}
.about .box4 .awards span{font-size: .3rem;}
@media (max-width: 1780px){
.about .box2 .items > div > div{margin: 0;}
.about .box4 .awards{width: 98%;}
}
@media (max-width: 1640px){
.about .box4 .awards{width: 100%;}
}
@media (max-width: 1480px){
.about .box4{padding-bottom: 20%;}
.about .box1 .article, .about .box2 .article{width: 67%;}
}
@media (max-width: 1330px){.about .box2 .article{width: 70%;}}
@media (max-width: 1199px){.about .box4{padding-bottom: 25%;} .about .box1 .article, .about .box2 .article{width: 75%;}}
@media (min-width: 640px) and (max-width: 991px){
.about .box4{background-size: 160% 100%}
.about .box2 .cont > div:nth-of-type(1) > div{margin-right: 15px;}
.about .box2 .cont > div:nth-of-type(2) > div{margin-left: 15px;}
}
@media (max-width: 639px){
.about .box1 .article, .about .box2 .article{width: 100%;}
.about .box2 .items > div > div{display: block; margin: 15px 0;}
.about .box2 .cont > div > div{margin: 15px 0 !important;}
}

/* brand */
.brand .article{margin-bottom: 20px; padding-bottom: 40px; width: 91%; font-size: 16px; line-height: 30px; color: #8e8e8e;}
.brand .article .ff-decker{font-size: 2.7rem; line-height: 1;}
.brand .article h3{margin-top: -1.1rem; margin-bottom: 20px; font-size: 22px; color: #454545;}
.brand .article .marks{bottom: 0; width: 36px; height: 13px;}
.brand .article .smcircle{top: 0; border-width: 2px; border-color: #ff0000;}
.brand .article .line{top: 50%; width: 10px; height: 1px; background: #454545;}
.brand .even .article{margin-left: 9%; padding-left: 45px;}
.brand .even .marks, .brand .even .smcircle{left: 0;}
.brand .even .line{right: 0;}
.brand .odd .article{padding-right: 45px;}
.brand .odd .marks, .brand .odd .smcircle{right: 0;}
.brand .odd .line{left: 0;}
.brand-img1{z-index: 1; top: 0; right: 0; width: 60.15%;}
.brand-img2{z-index: 1; top: 0; left: -3%; width: 55.229%;}
.brand .box1 .imgbox img{margin-left: -28.8%; width: 109%; max-width: none;}
.brand .box1 .article .ff-decker{color: #f5f5f5;}
.brand .box2 .article .ff-decker, .brand .box4 .article .ff-decker{color: #eaeaea;}
.brand .box2 .imgbox{padding-top: 20%;}
.brand .box2 .imgbox img{position: relative; right: -6%;}
.brand .box3 .article .ff-decker{color: #f4f4f4;}
.brand .box3 .imgbox{padding-top: 22%;}
.brand .box3 .imgbox img{margin-left: -8%;}
@-moz-document url-prefix(){  /*仅 Firefox 识别 */
.brand .box2 .imgbox, .brand .box3 .imgbox{padding-top: 0;}
.brand .box2 .imgbox img{margin-top: 43%;}
.brand .box3 .imgbox img{margin-top: 44%;}
} 
.brand .box4{padding: 10% 0;}
.brand .box4 .article{color: #fff;}
.brand .box4 .article h3{color: #fff;}
.brand .box4 .article .ff-decker{opacity: .1;}
.brand .box4 .line{background: #fff;}
.brand .box4 div.fl{margin-left: 10%; margin-top: 20px;}
.brand .box4 div.fl:first-child{margin-left: 0;}
.brand .box4 .counter{margin-bottom: 0; font-size: .84rem; line-height: 1; font-weight: normal;}
@media (max-width: 1199px){
.brand .article{padding-bottom: 20px; width: 100%;}
.brand .article .ff-decker{font-size: 2rem;}
.brand .even .article{margin-left: 0%;}
.brand-img1{right: -4%;}
}
@media (max-width: 639px){
.brand .weui-flex{display: block;}
.brand .brand-img1, .brand .brand-img2{display: none;}
.brand .imgbox img{position: static !important; right: 0 !important; left: 0 !important; max-width: 100% !important; margin: 0 auto !important;}
.brand .article{margin-bottom: 40px; padding-top: 20px;}
.brand .article .ff-decker{font-size: 2.7rem;}
.brand .box1 .imgbox  img{margin-left: -20px !important;}
}

/* honor */
.honor{padding: 25px 0;}
.honor .page{margin-top: 5%; margin-bottom: 4%;}
.honor .row{margin-left: -25px; margin-right: -25px;}
.honor .row .col-xs-12{padding-left: 25px; padding-right: 25px;}
.honor-item {margin-top: 10px;}
.honor-item .weui-cell{padding: 0; border: 1px solid #d3d3d3;}
.honor-item p{margin: 20px 0; font-size: 18px; color: #373737; font-weight: bold}
@media (min-width: 1200px){
.honor-item:hover .weui-cell{-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
}

/* history */
.history .swiper-container{margin-bottom: 40px; padding: 40px 0 150px;}
.history .swiper-slide{position: relative; text-align: center; overflow: hidden;}
.history .swiper-button-next, .history .swiper-button-prev{top: auto; bottom: 0; margin: 0; width: 40px; height: 40px; border: 1px solid #c9c9c9; background-size: 8px; background-repeat: no-repeat; background-position: center center;}
.history .swiper-button-next{right: 50%; margin-right: -50px; background-image: url(../images/icon/next.png);}
.history .swiper-button-prev{left: 50%; margin-left: -50px; background-image: url(../images/icon/prev.png); }
.history .weui-cell{border: 1px solid #aeaeae; -webkit-transition: border-color 1s; transition: border-color: 1s;}
.history .weui-cell__bd{padding: 23px;}
.history .years{position: relative; top: 30px; font-size: .64rem; color: #2f2f2f; -webkit-transition: all .6s; transition: all .6s;}
.history .info{margin-bottom: 0; font-size: 14px; line-height: 24px; color: #fff; -webkit-animation: fadeOutDown 1s; animation: fadeOutDown 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.history .dot{position: absolute; right: 23px; bottom: -8%; display: block; margin: 7% auto 20%; width: 20px; height: 20px; border: 4px solid #515151;}
.history .tags{position: absolute; left: 20px; top: 20px; padding-left: 14px; background: url(../images/icon/trangle.png) no-repeat 0 1px; font-size: 12px; line-height: 14px; color: #2f2f2f; font-weight: bold; text-align: left;}
.history .bgcolor{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #cd3842; -webkit-animation: fadeOutDown .7s; animation: fadeOutDown .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.history .intersperse{position: absolute; right: 8%; top: 28%;}
.history .intersperse .smcircle{top: 58%; left: 40%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; border: 10px solid #cd3842;}
.history .swiper-slide:hover .weui-cell{border-color: #cd3842;}
.history .swiper-slide:hover .smcircle{top: 74%; left: 62%;}
.history .swiper-slide:hover .intersperse{-webkit-animation: lightSpeedOut 1s .3s; animation: lightSpeedOut 1s .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.history .swiper-slide:hover .years{color: #fff; top: 0;}
.history .swiper-slide:hover .info{-webkit-animation: fadeInUp 1s; animation: fadeInUp 1s;}
.history .swiper-slide:hover .dot{border-color: #fff; position: static;}
.history .swiper-slide:hover .bgcolor{-webkit-animation: zoomIn .7s; animation: zoomIn .7s;}
@media (max-width: 1700px){
.history .intersperse{right: 5%; top: 27%;}
.history .intersperse .smcircle{top: 53%; left: 45%;}
}
@media (min-width: 1481px) and (max-width: 1620px){.history .intersperse{right: 3%; top: 26%;}}
@media (min-width: 1421px) and (max-width: 1480px){.history .intersperse{right: -2%; top: 23%;}}
@media (min-width: 1301px) and (max-width: 1420px){.history .intersperse{right: -4%; top: 22%;}}
@media (min-width: 1200px) and (max-width: 1300px){
.history .intersperse{right: -10%; top: 15%;}
.history .intersperse .smcircle{top: 55%; width: 44px; height: 44px; border-width: 8px;}
}
@media (max-width: 1199px){
.history .intersperse{right: -3%; top: 24%}
.history .intersperse .smcircle{top: 59%; left: 42%}
}
@media (max-width: 991px){
.history .intersperse{right: 14%; top: 32%;}
.history .intersperse img{width: 80px;}
.history .intersperse .smcircle{top: 68%; left: 55%; width: 28px; height: 28px; border-width: 6px;}
}
@media (max-width: 639px){
.history .intersperse{top: 28%;}
.history .intersperse img{width: 60px;}
.history .intersperse .smcircle{top: 70%; left: 66%; width: 24px; height: 24px; border-width: 4px;}
.history .weui-cell__bd{padding: 18px;}
.history .tags{left: 15px; top: 15px; font-size: 10px; line-height: 12px; background-size: 4px; background-position: 0 3px;}
.history .dot{right: 15px; width: 16px; height: 16px; border-width: 3px;}
}


/* video */
.video{margin: 0 auto; padding: 40px 0; width: 71.306%;}
.video-title{margin: 0 0 35px; font-size: 26px; color: #2f2f2f; font-weight: normal; line-height: 1.2;}
.video .poster .filterbox img, .vcenter .poster .filterbox img{position: absolute; top: 50%; left: 50%;}
.video .player, .vcenter .player{position: absolute; top: 50%; left: 50%; cursor: pointer;}
.video-controls{margin-bottom: 20px;}
.video-controls video{display: none;}
.video-controls .poster .filterbox img{margin-left: -10px; margin-top: -12px; width: 20px;}
.video-controls .player{margin-top: -39px; margin-left: -39px; width: 78px; height: 78px; border: 6px solid rgba(255,255,255,.2);}
.video .swiper-container{margin-right: 17%; height: 103px;}
.smvideo .swiper-slide{margin-right: 35px; width: 184px;}
.smvideo .poster .filterbox img{margin-left: -5px; margin-top: -6px; width: 10px;}
.smvideo .player{margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border: 2px solid rgba(255,255,255,.2);}
.smvideo .swiper-button-next, .smvideo .swiper-button-prev{margin-top: -20px; width: 40px; height: 40px; border: 1px solid #c9c9c9; background-size: 8px; background-repeat: no-repeat; background-position: center center;}
.smvideo .swiper-button-next{right: 0; background-image: url(../images/icon/next.png);}
.smvideo .swiper-button-prev{right: 60px; left: auto; background-image: url(../images/icon/prev.png);}
@media (min-width: 1200px){
.history .swiper-button-next:hover, .smvideo .swiper-button-next:hover{background-color: #cd3842; border-color: #cd3842; background-image: url(../images/icon/next_hover.png);}
.history .swiper-button-prev:hover, .smvideo .swiper-button-prev:hover{background-color: #cd3842; border-color: #cd3842; background-image: url(../images/icon/prev_hover.png);}
.video .swiper-slide:hover .player, .video-controls .player:hover{border-color: #fff;}
.video .swiper-slide:hover .filterbox{background: rgba(0,0,0,0);}
}
@media (max-width: 1199px){.video .swiper-container{margin-right: 20%;}}
@media (max-width: 991px){.video .swiper-container{margin-right: 25%;} .smvideo .swiper-slide{margin-right: 20px;}}
@media (max-width: 639px){
.video{width: 100%;}
.video .swiper-container{margin-right: 135px;}
.video-controls .player{margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; border-width: 3px;}
.video-controls .poster .filterbox img{margin-left: -5px; margin-top: -6px; width: 10px;}
}

/* research */
.research{padding-bottom: 5%;}
.res-box1{padding-top: 55px; margin-bottom: 5%;}
.res-box1 .col-md-4 p.ff-ar{padding: 9px 13px; line-height: 14px; background: #4e4e4e; color: #fff;}
.res-box1 .col-md-4 h2{font-size: .8rem; line-height: 1.1; font-weight: 300; color: #2f2f2f;}
.res-box1 .col-md-4 .line{display: block; margin-top: 100%; width: 35px; height: 8px; background: #4e4e4e;}
.res-box1 .col-md-8 .cn{margin-right: 16px; width: 16px; font-size: 16px; line-height: 30px; color: #2f2f2f;}
.res-box1 .col-md-8 .en{right: 0; top: 0; padding: 0 30px 0 40px; height: 39px; line-height: 39px; font-size: 12px; color: #2f2f2f; border: 1px solid #2f2f2f; letter-spacing: 10px; -webkit-transform: rotate(90deg) translate(46%,-246%); transform: rotate(90deg) translate(46%,-246%);}
.res-box1 .col-md-8 img{margin-top: 12%;}
.res-box2{margin-top: 25px;}
.res-box2 .article{margin-bottom: 20px; font-size: 14px; line-height: 26px; color: #6c6c6c;}
.res-tit{font-size: 22px; color: #cd3842;}
.res-box3{padding: 10% 0; background: #f0f0f0;}
.res-box3 .col-md-4{padding-right: 40px; font-size: 16px; line-height: 30px; color: #8e8e8e;}
.res-box3 .col-md-4 h4{margin-bottom: 30px; font-size: 18px; color: #313131;}
@media (min-width: 992px) and (max-width: 1199px){
.res-box1 .col-md-4 h2{font-size: .6rem;}
.res-box1 .col-md-4 .line{margin-top: 70%;}
}
@media (min-width: 992px){
.res-box1 .col-md-4{padding-right: 40px;}
.res-box2 .col-sm-4:nth-of-type(1){padding-right: 40px;}
.res-box2 .col-sm-4:nth-of-type(2) .article{margin-left: 24%; width: 71%;}
}
@media (max-width: 991px){
.res-box1 .col-md-4 .line{margin-top: 40%;}
.res-box3 .col-md-4{margin-bottom: 40px;}
.res-box1 .col-md-8 .en{padding: 0 15px 0 20px; letter-spacing: 8px; -webkit-transform: rotate(90deg) translate(46%,-150%); transform: rotate(90deg) translate(46%,-150%);}
.res-box1 .col-md-8 img{margin-top: 22%}
}
@media (max-width: 639px){
.res-box1 .col-md-4 .line{margin-top: 20%;}
.res-box1 .col-md-8 .en{padding: 0 10px 0 15px; letter-spacing: 5px; -webkit-transform: rotate(90deg) translate(46%,-100%); transform: rotate(90deg) translate(46%,-100%);}
.res-box1 .col-md-8 img{margin-top: 16%}
.res-box3 .col-md-8{margin-bottom: 20px;}
}

/* login */
.loginbar{padding: 30px 0; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.login{position: relative; padding: 20px; height: 404px;}
.login-tit{margin-bottom: 47px;}
.login .cn{margin-bottom: 0; color: #202020;}
.login .en{color: #9d9d9d;}
.login .weui-cell{margin-bottom: 16px;}
.login .weui-cell__hd{width: 66px; font-size: 14px; color: #939393;}
.login .weui-cell__bd{position: relative; border: 1px solid #d9d9d9;}
.login label{display: block; margin: 0;}
.login .required{padding: 5px 60px 5px 5px; width: 100%; font-size: 14px; font-weight: normal; line-height: 23px; color: #666;}
.login .ui-icon{position: absolute; right: 0; top: 9px; width: 54px; height: 16px; border-left: 1px solid #919191; background-repeat: no-repeat; background-position: center center; background-size: 22px;}
.login .ui-icon-user{background-image: url(../images/icon/username.png);}
.login .ui-icon-pwd{background-image: url(../images/icon/pwd.png);}
.login-code .required{padding-right: 5px;}
.login-code .weui-cell__ft{padding-left: 10px;}
.login .button{margin: 55px 66px 0;}
.login .submit{width: 100%; color: #fff; font-size: 14px; line-height: 44px; background: #cd3842; -webkit-border-radius: 5px; border-radius: 5px;}
@media (min-width: 640px){
.loginbar{padding: 5.5% 0;}
.login{margin: 0 auto; padding: 35px; width: 447px; height: 474px;}
.login-code .weui-cell__ft img{margin-left: 10px;}
}
@media (max-width: 639px){
.login .weui-cell__hd{width: 50px;}
.login .weui-cell__ft{font-size: 12px;}
.login .button{margin-left: 50px; margin-right: 50px;}
}

/* member */
.member-top{padding: 50px 15px; background: #cd3842; color: #fff; text-align: center;}
.member-top h2{margin-top: 12px; font-size: .44rem; font-weight: bold}
.member-top .weui-flex{margin: 40px auto 0; width: 100%;}
.member-top .weui-flex__item{display: block; margin-right: -1px; color: #fff; font-size: 13px; line-height: 30px; border: 1px solid #ec727a;}
.member-top .weui-flex__item.active{color: #cd3842; background: #fff; border-color: #fff;}
.userface{margin: 0 auto; width: 110px; height: 110px; border: 10px solid #f2f2f2; overflow: hidden;}
.username{margin-top: 36px; font-size: 16px; font-weight: bold; color: #5a5a5a; text-align: center;}
.userlevel{margin-bottom: 55px; font-size: 14px; color: #5a5a5a; text-align: center;}
.member{padding: 40px 0;}
.member-bd .weui-cell{margin-bottom: 10px; border: 1px solid #d9d9d9;}
.member-bd .weui-cell__hd{position: relative; width: 38px;}
.member-bd .weui-cell__hd .ui-icon{display:block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; background-image: url(../images/icon/member.png)}
.member-bd .ui-icon-user{background-position: 0 0;}
.member-bd .ui-icon-tel{background-position: 0 -20px;}
.member-bd .ui-icon-email{background-position: 0 -40px;}
.member-bd .ui-icon-addr{background-position: 0 -60px;}
.member-bd .required{width: 100%; line-height: 23px; font-size: 16px; font-weight: normal; color: #666;}
.member-bd .button{margin: 7% 20% 0;}
.member-bd .submit{display: block; width: 100%; background: #cd3842; color: #fff; font-size: 20px; line-height: 44px; -webkit-border-radius: 5px; border-radius: 5px;}
@media (min-width: 640px){
.member{padding: 6% 0;}
.member-bd{width: 33%;}
.member-top .weui-flex{margin-bottom: 20px; width: 560px;}
.member-top .weui-flex__item{font-size: 16px; font-weight: bold;}
.userface{width: 140px; height: 140px;}
.member-bd{margin: 0 auto; width: 480px;}
.member-bd .weui-cell{margin-bottom: 20px;}
.member-bd .submit{line-height: 52px;}
}
@media (min-width: 992px){
.member-top .weui-flex{width: 746px;}
.member-top .weui-flex__item:hover{color: #cd3842; background: #fff; border-color: #fff;}
.userface{width: 170px; height: 170px;}
.member-bd{margin: 0 auto; width: 620px;}
.login .submit:hover, .member-bd .submit:hover{background: #a12028;}
}

/* download */
.download{padding: 32px 0;}
.download .page{margin-top: 60px; margin-bottom: 32px;}
.download .row{margin-left: -12px; margin-right: -12px;}
.download .col-xs-12{padding-left: 12px; padding-right: 12px;}
.download a.item{display: block; margin: 8px 0; padding: 15px 25px; border: 1px solid #cbcbcb; color: #5c5c5c;}
.download a.item h6{margin-top: 0; height: 90px; font-size: 24px; line-height: 30px;}
.download a.item .weui-cell__bd{padding-right: 10px; font-size: 14px; color: #8b8b8b;}
.download a.item .weui-cell__ft{padding-left: 22px; font-size: 14px; color: #333; background: url(../images/icon/download.png) no-repeat left center; background-size: 14px;}
@media (min-width: 1200px){
.download a.item:hover{background: #cd3842; color: #fff; border-color: #cd3842;}
.download a.item:hover .weui-cell__bd{color: #fff;}
.download a.item:hover .weui-cell__ft{color: #fff; background-image: url(../images/icon/download_white.png);}
}

/* vcenter */
.vcenter{padding: 40px 0;}
.vcenter .item{margin: 18px 0;}
.vcenter .video-controls{background: #000;}
.vcenter .poster{height: 100%;}
.vcenter video{max-width: 100%; max-height: 100%;}
.vcenter .article{padding: 5.3% 25px; background: #f0f0f0; font-size: 16px; line-height: 26px; color: #5c5c5c;}
.vcenter .before{position: absolute; right: 0; bottom: 0; border-right: 32px solid #fff; border-bottom: 25px solid #fff; border-left: 35px solid transparent; border-top: 25px solid transparent;}
.vcenter .after{position: absolute; right: 13px; bottom: 13px; display: block; width: 10px; height: 10px;}
.vcenter .after::before, .vcenter .after::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; background: #3d3d3d;}
.vcenter .after::before{width: 10px; height: 2px; margin-top: -1px; margin-left: -5px;}
.vcenter .after::after{height: 10px; width: 2px; margin-top: -5px; margin-left: -1px;}
@media (min-width: 1200px){
.vcenter .item:hover .article{background: #cd3842; color: #fff;}
}
@media (max-width: 1199px){
.vcenter .article{padding-left: 20px;}
.vcenter .before{border-right-width: 25px; border-left-width: 28px; border-top-width: 22px;}
}
@media (max-width: 639px){.vcenter{padding: 20px 0;}}

/* shopping */
.idxShopping{padding: 10% 0 7%;background: rgb(236,236,236);}
.shopping-title{margin: 20px 0;font-size: 18px;color: rgb(170,170,170);font-weight: normal}
.shopping-navbar{width: 100%;border-radius: 10px;box-shadow: 0px 1px 5px 0px rgba(201, 201, 201, 0.75);background: rgb(255,255,255);overflow: hidden;}
.shopping-nav{padding: 15px 15px;display: inline-block;width: 33%;font-size: 18px;color: #000;}
.shopping-nav::after{content: "";position: absolute;width: 50px;height: 50px;transform: rotate(45deg);right: -27px;top: 5px;border-top: 1px solid rgb(226,226,226);border-right: 1px solid rgb(226,226,226);background: #fff;z-index: 10;}
.act{background: rgb(218,29,41);color: #fff}
.act::after{content: "";position: absolute;width: 50px;height: 50px;transform: rotate(45deg);background: rgb(218,29,41);right: -27px;top: 5px;border-top: 1px solid rgb(226,226,226);border-right: 1px solid rgb(226,226,226)}
.shopping-nav span{display: inline-block;width: 30px;height: 30px;font-size: 14px;background: rgb(236,236,236);color: #000;text-align: center;border-radius: 50%;line-height: 30px;margin-right: 10px}
.shopping-nav:nth-child(3){padding-left: 50px;padding-right: 0}
.shopping-nav:nth-child(5){padding-left: 50px;padding-right: 0}
.phone{display: none}
.pc{display: inline-block}
.shopping-pruducts{border-radius: 10px;margin-top: 30px;width: 100%;box-shadow: 0px 1px 5px 0px rgba(201, 201, 201, 0.75);background: rgb(255,255,255);overflow: hidden;}
.products-title{margin: 15px 15px 0 15px;padding-bottom:15px;color: #000;font-size: 22px;border-bottom: 1px solid rgb(226,226,226);font-weight: normal}
.products{padding: 10px 15px;border-bottom: 1px solid rgb(226,226,226)}
.products:last-child{border: none}
.bornoe{border: none}
.products-list{width: 25%;}
.list-title{padding: 10px 0;margin: 0;color: #000}
.list-40{width: 40%}
.list-20{width: 20%}
.checkbox{display: inline-block;visibility: hidden;}
.checkbox +label{display: inline-block;width: 20px;height: 20px;border: 1px solid rgb(226,226,226);cursor: pointer;position: relative;vertical-align: middle}
.checkbox:checked +label::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/dui.png)no-repeat center;}
.list-img{display: inline-block;margin: 0 30px 0 20px}
.pad-20{padding: 2vh 0}
.list-text{font-size: 16px;color:#000;font-weight: 500}
.list-price{font-size: 16px;color: #000;vertical-align: middle;margin-top: 20px}
.products-list .auto-box{width: 35px;padding: 5px 0;background: rgb(236,236,236)}
.products-list .auto-long{width: 60px;background: transparent}
.products-list .auto-box:first-child{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.products-list .auto-box:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.shopping-btm{padding: 15px 0;border-top: 1px solid rgb(226,226,226);}
.shop-next{padding-right: 40px}
.shop-price{font-size: 16px;color: #000;vertical-align: middle;margin: 0;display: inline-block}
.shop-next a{padding: 5px 0;width: 90px;color: #fff;text-align: center;background: rgb(218,29,41);font-size: 16px;display: inline-block;border-radius: 6px;margin-left: 10px;}
.removes{right:75px;top:49px;font-size:16px;color:#000;cursor:pointer}

.address{display: flex;padding: 10px 15px;}
.address form{width: 100%}
.address-list{padding: 10px 15px;border: 1px solid rgb(226,226,226);margin-bottom: 2vh}
.address-list input{font-size: 16px;width: 100%}
.sele{width: 33%;padding: 10px 15px;border: 1px solid rgb(226,226,226);margin-right: 5px}
.sele:last-child{margin-right: 0}
.sele .select{width: 100%;font-size: 16px}
.pad-bm{margin-bottom: 2vh}
.add-40{width: 39%}
.add-60{width: 59%}
.add-30{width: 29%}
.add-70{width: 69%}
.add-100{width: 100%}
.add-sub{padding: 5px 0;width: 90px;color: #fff;text-align: center;background: rgb(218,29,41);font-size: 16px;display: block;border-radius: 6px;margin: auto}
.address textarea{width: 100%;padding: 5px 15px;font-size: 16px;border: 1px solid rgb(226,226,226);margin-bottom: 2vh}
.address-btm .shop-price{margin-right: 10px}
.address-btm .shop-red{color: rgb(218,29,41)}
.mar-t2{margin-top: 2vh}
@media (min-width: 1200px){
.idxShopping .container {
    margin: 0px 16%;
  }
}
@media (max-width: 768px){
.shopping-navbar{background: transparent;box-shadow: none}
.shopping-nav{padding: 15px 5px;width: auto}
.act{background: transparent;color:rgb(218,29,41); }
.act span{color:rgb(218,29,41)}
.shopping-nav:nth-child(3){padding-left: 5px;padding-right: 5px}
.shopping-nav:nth-child(5){padding-left: 5px;padding-right: 5px}
.shopping-nav::after{display: none}
.act::after{display: none}
.phone{display: inline-block}
.pc{display: none}
.list-img{margin: 0}
.list-text{display: block}
.list-35{width: 35%}
.list-60{width: 60%}
.list-50{width: 50%}

.sele{margin-bottom: 2vh;width: 100%}
.add-40,.add-60,.add-30,.add-70{width: 100%}
.removes{right:21px;bottom:54px;top: inherit;}
}

.payment{padding: 30px 40px;}
.payment-pay{border-bottom: 1px solid rgb(234,234,234);padding-bottom: 30px;width: 100%}
.pay-img{width: .7rem;margin-top: .15rem}
.pay-text{margin-left: 35px}
.pay-text .pay-t{font-size: 26px;font-weight: bold;color: rgb(51,51,51)}
.pay-text .pay-p{font-size: 16px;color: rgb(51,51,51)}
.payment-way{padding: 30px 0;clear:both}
.payment-way a{width: 200px;display: inline-block;padding: 10px 0;text-align: center;font-size: 18px;color: rgb(49,49,49);background: rgb(246,246,246);border-radius: 4px;margin-right: 30px;border:2px solid #fff}
.payment-way a img{display: inline}
.payment-way .payment-active{border-color:rgb(100,181,247)}
.payment-cont{width: 100%;background: rgb(246,246,246);padding: 30px 0;text-align: center}
.payment-erweima{display: inline-block;width: 230px;margin-right: 50px}
.payment-erweima img{margin: auto}
.payment-erweima p{text-align: center;font-size: 18px;color: rgb(51,51,51)}
.payment-erweima span{text-align: center;font-size: 14px;color: rgb(253,118,77);}
.payment-erweima span a{color: rgb(70,171,223);text-decoration:underline}
.payment-phone{display: inline-block}
.payment-phone img{width: 300px}
@media(max-width:769px){
.pay-img{width: 12%;margin: 35px 2px 0 0}
.pay-text{width: 80%;margin-left: 0}
.pay-text .pay-t{font-size: 20px;}
.payment-way a{margin-bottom:20px}
}

@media(max-width:480px){
.payment-erweima{margin-right: 0}
}