/*网页滚动条*/
::-webkit-scrollbar{width: 6px; height:6px;-webkit-overflow-scrolling : touch;background-color: #c2c2c2;}
::-webkit-scrollbar-track{background-color: #c2c2c2;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #131313;}
::-webkit-scrollbar-button{height: 0px;background-color: #c2c2c2;}

/* display:flex */
.flex{display: flex;display: -ms-flexbox;}
.flexj{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;}
.flexa{display: flex;display: -ms-flexbox;align-items: center;}
.flexja{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;}
.flexjac{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;flex-direction: column;-ms-flex-direction: column;}
.flexac{display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;flex-direction: column;-ms-flex-direction: column;}
.flexac:after{content: '';min-height: inherit;font-size: 0;}
.flexjc{display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;flex-direction: column;-ms-flex-direction: column;}
.flexjc:after{content: '';min-height: inherit;font-size: 0;}
.flexbwa{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: center;-ms-flex-align: center;}
.flexbwa:after{content: '';min-height: inherit;font-size: 0;}
.flexba{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;}
.flexba:after{content: '';min-height: inherit;font-size: 0;}
.flexbw{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flexbwt{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: flex-start;}
.flexbwb{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items:flex-end;}
.flexw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flexwt{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: flex-start;}
.flexaw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;align-items: center;-ms-flex-align: center;}
.flexaw:after{content: '';min-height: inherit;font-size: 0;}
.flexjw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;justify-content: center;-ms-flex-pack: center;}
.flexb{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}
.flex1{flex: 1;}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}


.Hometitle{margin-bottom:calc(25 / 16 * 1em);position: relative; }
.Hometitle .cn{display: inline-block; font-size:calc(28 / 16 * 1em);color: #000; font-weight: bold; }
.Hometitle .cn img{max-width: calc(22 / 16 * 1em);display: inline-block; vertical-align: middle;margin: -8px 8px 0 0;}
.Hometitle .cn .red{color:#e10000;}
.Homemore{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #999;font-size:calc(15 / 16 * 1em);display: inline-flex
;align-items: center; justify-content: center; padding: 5px 12px; background: #a00b0b; border-radius: 5px;color: #fff;}
.Homemore:after {display: inline-block;content: '';width: 8px;height: 8px;vertical-align: middle;margin-left: 4px;transform: rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;margin-top: -3px;}
.Homemore:hover{color:#fff;}
.Homemore:hover:after{border-color:#fff;}



/*Top002047 */
.Top002047{background: #29292b; }

.Top002047 .Toper{ line-height:40px; background:#f7f7f7;position: relative;z-index: 100; font-size: calc(14 / 16 * 1em);}
.Top002047 .top{ position: relative;z-index: 1;}
.Top002047 .Toper menu{margin-left: 73px;display: inline-block;}
.Top002047 .Toper .Tel_top{display: inline-block;}
.Top002047 .Toper .Tel_top span:not(:last-child){margin-right: 30px;position: relative;}
.Top002047 .Toper .Tel_top span:not(:last-child):after{content: "";position: absolute;right: -17px;top: 50%;margin-top:-6px;width: 1px;height: 12px;background-color: #cccccc;}
.Top002047 .Toper .Tel_top .tel{ font-size:calc(16 / 14 * 1em) ;color:#131313; font-weight: bold;background: url(../images/top_tel.svg) left center no-repeat; background-size: 1.125em auto; padding-left: calc(24 / 16 * 1em);}
.Top002047 .Toper .Tel_top .slogan{font-size:calc(16 / 14 * 1em)}
.Top002047 .Toper dd a:hover{ color:#131313;}

.Top002047 .grcenter{cursor: pointer;position: relative; transition: 0.3s;}
.Top002047 .grcenter .head{display: none;text-align: center;padding-top:15px;line-height: 30px}
.Top002047 .grcenter .head span{font-weight: bold;color:#333;font-size:15px;}
.Top002047 .grcenter .head .img{border-radius: 50%;width: calc(45 / 14 * 1em);height: calc(45 / 14 * 1em);display: block;margin: 0px auto calc(4 / 14 * 1em);background-color: #131313;position: relative;}
.Top002047 .grcenter .head .img img{ max-width: 28px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.Top002047 .grcenter aside{display: inline-block;line-height: 30px}
.Top002047 .grcenter ul{display: none;line-height: 30px}
.Top002047 .grcenter ul li:nth-child(1){border-bottom:1px solid #e9e9e9;}
.Top002047 .grcenter ul li:hover a{color:#131313;}
.Top002047 .grcenter i{position: relative;}
.Top002047 .grcenter i:after {display: inline-block;position: absolute;right:-15px;top: 50%;content: '';width: 8px;height: 8px;transform:rotate(135deg);border-top: 1px solid #ccc;border-right: 1px solid #ccc;margin-top: -4px;vertical-align: middle;}
.Top002047 .grcenter .loginout{margin-left: 31px;display: none;}
.Top002047 .grcenter.on {padding: 0 calc(30 / 16 * 1em);background-color: #fff;border: 1px solid #f0f0f0;position: absolute;left: 0;top: 0;}
.Top002047 .grcenter.on .head{display: block;}
.Top002047 .grcenter.on .loginout{display: inline-block;vertical-align: middle;}
.Top002047 .grcenter.on ul{padding: 0px 0 15px;display: block;}


.Top002047 header{ position:relative;padding:calc(16 / 16 * 1em) 0;display: flex;align-items: center;justify-content: space-between;}

.Top002047 .top-ser {display: flex;padding-top: 10px;}
.Top002047 .logo img{ max-height: calc(100 / 16 * 1em);}
.Top002047 .nologin {margin-top: 3px;}
.Top002047 .nologin  a{ color:#fff;}
.Top002047 .nologin  a:hover{ font-weight: bold;color: #a00b0b;}
.Top002047 .search{ display: flex; flex-flow: column-reverse wrap; }
.Top002047 .search dt{border:1px solid #eee; position:relative; background:url(../images/Top002047-search.png) no-repeat 10px center #eee; background-position: right; background-size: 20px auto; border-radius: 5px; overflow: hidden; }
.Top002047 .search .text{ height:40px; line-height:40px; background:none; padding:0 100px 0 10px; width:100%; border:none; color:#999;}
.Top002047 .search .text::placeholder{ color:#ccc;}
.Top002047 .search .btn{position:absolute; right:0; top:0;  width:calc(90 / 16 * 1em); height:100%; color:#fff; border:none;background:#a00b0b; font-size:calc(16 / 16 * 1em);cursor:pointer; padding:0;line-height: 1;display: flex;align-items: center;justify-content: center;}
.Top002047 .search dd{ line-height:35px;color:#999; font-size:calc(14 / 16 * 1em) ;}
.Top002047 .search dd a{color:#fff; display:inline-block; margin-right:10px;}
.Top002047 .search dd a:hover{ color:#fff;}



.Top002047 .btnlist a{height:42px;line-height: 42px;background:#fff;color:#000; display: inline-block; border-radius: 5px;width: calc(132 / 16 * 1em);text-align: center;margin-left:calc(5 / 16 * 1em);vertical-align: middle;}
.Top002047 .btnlist a img{max-height: calc(17 / 16 * 1em);margin-right:5px;margin-top:-2px;}

.Top002047 .btnlist a{position: relative;}
.Top002047 .btnlist a b{position: absolute;height: 20px;width: 20px;background: #ff5967;color: #fff;border-radius: 50%;font-size:12px;text-align: center;line-height: 20px;display: inline-block;top: -8px;right: -6px;}

.Top002047 nav{ background-color:#fff;}
.Top002047 nav .auto{ position:relative;z-index: 2;}
.Top002047 .category{ float:left; width:18.36%; position:relative; z-index:100;}
.Top002047 .category h3{ color:#131313; font-size:16px; line-height:53px; margin:0;padding:0 20px;}
.Top002047 .category h3 span{display:inline-block;vertical-align: middle;margin: -3px 14px 0 0;}
.Top002047 .category h3 span i{display:block;height: 2px;width:12px;background: #fff;margin: 3px 0 3px 4px;position: relative;}
.Top002047 .category h3 span i:before{width: 2px;height: 2px;content: "";position: absolute;left: -4px;top: 0;background-color: #fff;}
.Top002047 .category h3 .jt{position: absolute;right: 21px;font-size: 16px;}
.Top002047 .category h3:after {display: inline-block;position: absolute;right:20px;top: 50%;content: '';width: 10px;height: 10px;transform:translateY(-50%) rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;margin-top: -4px;vertical-align: middle;}

.top-det .hover{display: none;}
.Top002047 .category h3{background: unset;color: #fff; background: #a00b0b;}
.Top002047 .category:hover h3{color: #fff; }
.Top002047 .hover{ position:absolute;  width:100%; top:100%; height:100% ; left:0; background-color:rgba(255,255,255,1); min-height: 460px;}
.Top002047 .hover dd{ line-height:44px;}
.Top002047 .hover dd.on > a{color:#131313; font-weight: bold;}
.Top002047 .hover dd > a{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 20px; color:#000;border-bottom: 1px dashed rgba(0,0,0,0.08); font-size:calc(14 / 16 * 1em) ;}
.Top002047 .hover dd > a img{ margin-right:12px; width:24px; height:24px;}
.Top002047 .box{ position:absolute;padding:calc(20 / 16 * 1em); left:100%; top:0; background-color:#fffbef; height: 100%; width:300%;border-left: 1px solid rgba(0,0,0,0.08); overflow-y: auto;display:none;}
.Top002047 .box ol h2 { margin: 0; line-height: 32px;font-size: calc(18 / 16 * 1em);color: #131313;border-bottom: 1px solid rgba(0,0,0,0.08); padding-bottom: 8px;}
.Top002047 .hover dd.on{background: #fffbef;}

.Top002047 .box ol li{ float:left; line-height:40px;}
.Top002047 .box ol li:not(:last-child):after{ display:inline-block; content:''; margin:0 18px; width:2px; border-right:1px dashed #ccc; height:10px;}
.Top002047 .box ol li a{ color:#666;font-size: 14px;}
.Top002047 .box ol li a:hover{ color:#131313;}
.Top002047 .menu{ float:left; width:81.6%;}
.Top002047 .menu li{font-weight:bold; line-height:53px;height:53px;text-align: center;padding: 0 calc(20 / 1920* 100vw);}
.Top002047 .menu li a{ color:#a00b0b; font-size:16px; display:block; position: relative;}
.Top002047 .menu li a:hover{ color:#a00b0b;}
.Top002047 .menu li a:after {content: "";position: absolute;left: 50%;width: 0; transform: translateX(-50%); bottom: 0;height: 2px;opacity: 0;transition:all 0.5s; background-color:#a00b0b;}
.Top002047 .menu li:hover a:after,.Top002047 .menu li.on a:after{opacity: 1; width:100%;}

.Top002047 .banner{background: #f5f5f7;}
.Top002047 .ban_inner{margin: 0 auto;max-width: 1280px;position: relative;}
.Top002047 .banner .banner-box{ position:relative; z-index:1;margin-left: 18%;}
.Top002047 .banner ul.slider{padding-top:25px;}
.Top002047 .banner .loading {padding-top:25px; position:relative;}
.Top002047 .banner .loading span {color:#999; font-size:16px; text-align:center; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.Top002047 .banner .slick-dots{position: absolute; left: 0;width: 100%;text-align: center; bottom: calc(50 / 960 * 100%);z-index: 10;}
.Top002047 .banner .slick-dots li{width: 12px;height: 12px;border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 5px;}
.Top002047 .banner .slick-dots li button{display: none;}
.Top002047 .banner .slick-dots li.slick-active{background: #fff;}

.Top002047 .use_shell {position: absolute;top: 0;left: 0;width: 100%; }
.Top002047 .topNews{width: 18.5%;position: relative; z-index: 10;background-color: #fff;padding: calc(10 / 16 * 1em) calc(15 / 16 * 1em) calc(20 / 16 * 1em);min-height: 435px;margin-top:25px;}
.Top002047 .topNews .head{text-align: center;padding-top:calc(14 / 14 * 1em);padding-bottom:calc(20 / 14 * 1em);border-bottom: 1px solid #eee; font-size:calc(14 / 16 * 1em) ;}
.Top002047 .topNews .head p{ margin: 0;}
.Top002047 .topNews .head .img{border-radius: 50%;width: calc(50 / 14 * 1em);height: calc(50 / 14 * 1em);display: block;margin: 0px auto calc(8 / 14 * 1em);background-color: #131313;position: relative;}
.Top002047 .topNews .head .img img{ max-width: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.Top002047 .topNews .head .btn{margin-top: 16px;}
.Top002047 .topNews .head .btn a{display: inline-block;border-radius: 3px;border: 1px solid #131313;color: #131313; padding: 0 12px; line-height: 32px;margin: 0 5px;width: 100%;}
.Top002047 .topNews .head .btn a + a{margin-top: 8px;}
.Top002047 .topNews .head .btn a.on,
.Top002047 .topNews .head .btn a:hover{color: #fff;background-color: #131313;}
.Top002047 .topNews .erm{padding: 20px 26px 0;text-align: center;}
.Top002047 .topNews .erm h3{font-size: calc(14 / 16 * 1em);margin-bottom: 0;}
.Top002047 .topNews .news{padding-top:calc(15 / 16 * 1em);}
.Top002047 .topNews .news .tithead a{ display: block; background-color: #131313; color: #ffffff; text-align: center;border-radius: 5px; padding:calc(8 / 14 * 1em) calc(20 / 14 * 1em) ; }
.Top002047 .topNews .news .list{ padding: 13px 0 14px;}
.Top002047 .topNews .news .list li{padding-left:14px; position: relative; margin-bottom: 10px;}
.Top002047 .topNews .news .list li a{font-size:calc(14 / 16 * 1em) ;line-height: 24px;}
.Top002047 .topNews .news .list li a:hover{color: #131313;}
.Top002047 .topNews .news .list li:before {position: absolute;left: 0;top: 10px;content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #131313;}
.Top002047 .topNews .news .xinxi{ text-align: center;font-size:calc(14 / 16 * 1em) ;color: #333; }
.Top002047 .topNews .news .xinxi .total{font-size:calc(16 / 14 * 1em);color: #131313;margin-top: 8px;}
.Top002047 .topNews .news .xinxi .view{display: block;text-decoration: underline;color: #131313; margin-top: 8px;}
.Top002047 .box .ul{margin-bottom: 20px;}

@media(min-width:1025px){
    
    /*.Top002047 .logo{width: calc(400 / 16 * 1em);}*/w
    .Top002047 .btnlist{text-align: right;}
    .Top002047 .menu{ float:left; width:81.6%;display: flex;justify-content: space-between;align-items: center}
    .Top002047 .banner .imgbox{ padding-top:435px;}
    .Top002047 .banner .wap{display: none;}
	
	.Top002047 .banner .banner-box {min-height:460px;}
	.Top002047 .banner ul.slider {height:460px; overflow:hidden;}
}

@media(max-width:1200px){
    .Top002047 .search{ right:2%;}
}

@media(max-width:1024px){
    .Top002047 header {padding: 70px 0 15px}
    .Top002047 header .search{position: absolute;top: 15px;left: 0}
    .Top002047 header .btnlist{display: flex;justify-content: space-between;align-items: center; margin-left: 10px;}
	.Top002047 .banner .banner-box {margin-left:0;}
    .Top002047 .banner .pc{display: none;}
	.Top002047 .banner ul.slider {padding-top:0;}
    .topNews{width: 100%}
    
    .Top002047 .search{ position:relative; right:auto; max-width:none; width:100%; margin-top:0;}
    .Top002047 .search dd{ line-height:24px; padding:2% 0;}

    .Top002047 .banner .auto{ padding:0;}
    .Top002047 .banner .bx-viewport,
    .Top002047 .banner li,
    .Top002047 .banner li a{ height:auto;}
    .Top002047 .banner li .imgbox{display: none}
    .Top002047 .banner li img{ display:block; width:100%;}

    .Top002047 .logo{ position:relative;}
    .Top002047 .mobile_menu{ width:48px;height:40px;position: relative;margin-left: 20px;  border: 1px solid #fff; border-radius: 5px;background-color: #a00b0b; }
    .Top002047 .mobile_menu span,
    .Top002047 .mobile_menu span::before,
    .Top002047 .mobile_menu span::after{position:absolute; width:100%;  left:0; height:4px;background-color:#fff; border-radius:4px;}
    .Top002047 .mobile_menu span{ top:50%;margin-top:-2px; width:80%; left:10%; }
    .Top002047 .mobile_menu span::before,
    .Top002047 .mobile_menu span::after{content:''; }
    .Top002047 .mobile_menu span::before{ top:10px;}
    .Top002047 .mobile_menu span::after{ top:-10px;}
    .Top002047 .mobile_menu.open span{background: none}
    .Top002047 .mobile_menu.open span::before{ transform: rotate(45deg);top: 0}
    .Top002047 .mobile_menu.open span::after{ transform: rotate(-45deg);top: 0}

    .Top002047 nav{ display:none;}
    .Top002047 .category,
    .Top002047 .menu{ float:none; width:auto;}
    .Top002047 .hover{ position:relative; top:auto; left:auto; height:auto !important;}
    .Top002047 .box{ position:relative; width:auto; left:auto;}
    .Top002047 .box ol{ margin:0;}
    .Top002047 .menu li{ float:none; width:auto; line-height:normal; height:auto; padding:1px 0 0;font-weight: normal}
    .Top002047 .menu li a{ padding:2%; background-color:#a00b0b;color: #fff;}
    
    .Top002047 .banner{padding-top: 20px}
    .Top002047 .use_shell{position: relative}
    .Top002047 .topNews{width: 100%;margin-top: 0;min-height: auto;display: flex;align-items: center;justify-content: space-between}
    .Top002047 .topNews .erm{max-width: 120px;padding: 20px 0}
    .Top002047 .topNews .head{border-bottom: 0;border-right: 1px solid #eee;padding-right: 50px;padding-bottom: 0}
    .Top002047 .topNews .head .btn a{margin: 5px 0 0!important}
	.Top002047 .icon img {display:none;}
    
}
@media(max-width:640px){
.Top002047 header .btnlist{padding-top: 20px;}
.Top002047 .btnlist a{width: calc(100 / 16 * 1em);}
.Top002047 .nologin{position: absolute;right: 0; top: 62px; width: 41%;}
}



.main{background: #f5f5f7;padding-bottom: 1%;}

.Homebox1:first-child{padding: calc(25 / 16 * 1em) 0 0 0;}
.Homebox1 ul{ display: flex; flex-wrap: wrap;}
.Homebox1 li{ float: left; margin-bottom: calc(25 / 16 * 1em);background: #fff; transition: 0.3s;border-radius: 10px;padding: calc(20 / 16 * 1em);box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);}
.Homebox1 li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* border: 1px solid #131313; */}
.Homebox1 li label {cursor: pointer;position: absolute;z-index: 2;left: 0;top: 0;padding: 4px 6px;color: #fff;font-size: calc(12 / 16 * 1em);background-color: #f00; border-radius: 3px;}
.Homebox1 li .pic{overflow: hidden; position: relative;}
.Homebox1 li .Ispic{padding-bottom: 76.42%;transition: 0.3s; background-size: contain;}
.Homebox1 li a:hover .Ispic{transform: scale(1.1);}
.Homebox1 li .txt{padding: calc(22/ 16 * 1em) 0 0 0;border-top: 1px solid #eee; margin-top: calc(20 / 18 * 1em);}
.Homebox1 li .tit{ font-size: calc(18 / 16 * 1em); color: #131313; margin-bottom: calc(10 / 18 * 1em);}
.Homebox1 li .desc {position: relative; color: #999; }
.Homebox1 li p{font-size: calc(14 / 16 * 1em); line-height: 1.7;  margin: 0;}
.Homebox1 li a:hover .tit{color: #131313;}
.Homebox1 li .btn_flex{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.Homebox1 li .joinBtn{background: #bababa;border: unset;height: 34px;line-height:34px;padding: 0 5px;color: #fff;border-radius: 4px;margin-top: 12px;cursor: pointer;font-size: 12px;}
.Homebox1 li .joinBtn:first-child,
.Homebox1 li .joinBtn_cart{background: #a00b0b;}
.home-btn{background: #fcc617;border: unset;height: 34px;line-height:34px;padding: 0 20px;color: #131313;border-radius: 4px;margin-top: 12px;cursor: pointer;display: inline-block;}
.Homebox1 .Hitem{ display: flex;flex-flow: column wrap;}
.Homebox1 .Hitem .warp{ width:100%;}
.Homebox1 .Hitem .btn_flex{ width:100%; margin-top:auto;}
@media (min-width:1025px) {
    .Homebox1 li{width: 23.5%;}
    .Homebox1 li:not(:nth-child(4n)){margin-right:2%;}
    .Homebox1 li:nth-child(4n+1){clear: left;}  
    
    .searchlist .Homebox1 li{width: 23.5%!important;}
    .searchlist .Homebox1 li:not(:nth-child(4n)){margin-right:2%!important;}
    .searchlist .Homebox1 li:nth-child(4n) {margin-right: 0%!important;}
    .searchlist .Homebox1 li:nth-child(4n+1){clear: left!important;} 
}
@media (max-width:1200px) {  
	.Homebox1 li{padding: calc(16 / 16 * 1em)}
	.Homebox1 li .txt .joinBtn{ font-size:10px;}
}
@media (max-width:1024px) {  
    /*.Homebox1{padding: 20px 0 0 0;}*/
    .Homebox1 li{width: 48%;}
    .Homebox1 li:not(:nth-child(2n)){margin-right: 4%;}
    .Homebox1 li:nth-child(2n+1){clear: left;} 
    .Homebox1 li .txt{padding: 1em 0;}
	/*.Homebox1 li .desc{height: 120px;}*/
}
@media (max-width:640px) { 
	
	.Homebox1 li .joinBtn{ width:calc(50% - 5px); margin-right:10px;}
	.Homebox1 li .joinBtn:last-child{margin-right:0;}
}

.compareBox{}
.compareBox ul{ display: flex; flex-wrap: wrap;}
.compareBox .list table{ width: 100%; table-layout: fixed;margin-bottom: 2%; background: #fff;}
.compareBox .td_item{ margin-bottom: 2%;background: #fff; transition: 0.3s;padding: calc(20 / 16 * 1em);box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);position: relative; border-left: 1px solid rgba(0, 0, 0, .1);}
.compareBox .td_item:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* border: 1px solid #131313; */}
.compareBox .td_item label {cursor: pointer;position: absolute;z-index: 2;left: 0;top: 0;padding: 4px 6px;color: #fff;font-size: calc(12 / 16 * 1em);background-color: #f00; border-radius: 3px;}
.compareBox .td_item .pic{overflow: hidden; position: relative;}
.compareBox .td_item .Ispic{padding-bottom: 76.42%;transition: 0.3s; background-size: contain;}
.compareBox .td_item a:hover .Ispic{transform: scale(1.1);}
.compareBox .td_item .txt{margin-top: calc(20 / 18 * 1em);text-align: center;}
.compareBox .td_item .tit{ font-size: calc(18 / 16 * 1em); color: #131313; margin-bottom: calc(10 / 18 * 1em);}
.compareBox .td_item .desc {position: relative; color: #999; }
.compareBox .td_item p{font-size: calc(14 / 16 * 1em); line-height: 1.7;  margin: 0;}
.compareBox .td_item a:hover .tit{color: #131313;}
.compareBox .td_item .txt .joinBtn{background: #fcc617;border: unset;height: 34px;line-height:34px;padding: 0 20px;color: #131313;border-radius: 4px;margin-top: 12px;cursor: pointer;}
.compareBox .add{ margin-bottom: 2%;background: #fff;transition: 0.3s;padding: calc(20 / 16* 1em);box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);display: flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;}
.compareBox .add p{display: block;width: 100%;text-align: center;}
.compareBox .add img{width: 40px;}
.compareBox .delete{background: #fcc617;position: absolute;width: calc(36/ 16 * 1em);height: calc(36/ 16 * 1em);border: 0;top: 0;right: 0;display: flex;align-items: center;justify-content: center;cursor: pointer}
.compareBox .delete img{width: 23%;}
.home-btn{background: #fcc617;border: unset;height: 34px;line-height:34px;padding: 0 20px;color: #131313;border-radius: 4px;margin-top: 12px;cursor: pointer;display: inline-block;}

@media (min-width:1025px) {
.compareBox li{width: 16.66%;}
/* .compareBox li:not(:nth-child(5n)){margin-right:2%;} */
.compareBox li:nth-child(4n+1){clear: left;}    
}
@media (max-width:1024px) {  
.compareBox li{width: 48%;}
.compareBox li:not(:nth-child(2n)){margin-right: 4%;}
.compareBox li:nth-child(2n+1){clear: left;} 
.compareBox li .txt{padding: 1em;}
}

.Other002111{background: #fff;}
.Other002111 .all{ padding:10px 0;}
.Other002111 .all b{ font-size:24px; color:#e14343;}
.Other002111 tbody{border-left:dotted 1px #ccc;border-right:dotted 1px #ccc;border-top:dotted 1px #ccc;}
.Other002111 table{width: 100%; table-layout: fixed;}
.Other002111 .tr_top td{ background-color:#09b9e9; line-height:62px; padding:0;font-size: calc(16 / 16 * 1em);color: #fff;}
.Other002111 td{ padding: 12px 15px; font-size: 16px; border-bottom:dotted 1px #ccc;color: #666;border-right:dotted 1px #ccc;line-height: 2; width: 16.66%;}
.auto_1400{max-width: 1400px !important;}
.Other002111 tr:nth-child(2n){background: #fbfbfb;}
.Other002111 td b{ display:none;}
.Other002111 td.td_data{ background-color: #f7f7f7;}

@media(max-width:1024px){
    .Other002111{overflow: auto}
    .Other002111 td{ font-size:12px;}
}

.HomeAdv{}
.HomeAdv .auto{position: relative;overflow: hidden;}
.HomeAdv .tag{position: absolute;z-index: 10;right: 17px;top: 17px;border: 1px solid rgba(255,255,255,0.4);line-height: 22px;padding: 0 10px;color: rgba(255,255,255,0.6);}
.HomeAdv li{position: relative;}
.HomeAdv .info{position: absolute;top: 50%;transform: translateY(-50%);z-index: 8;left: 50px;color: #fff;font-size: 24px;}
.HomeAdv .info h2{font-size: 32px;font-weight: bold;line-height: 35px;margin-bottom: 9px;color: #fff;}
.HomeAdv .info p{letter-spacing: 0.1em;}
.HomeAdv img{border-radius: 10px;}

.HomeAdv .slick-dots{position: absolute; bottom:15%; left: 50%;transform: translateX(-50%); overflow: hidden;z-index: 10;}
.HomeAdv .slick-dots li{float: left;width: 12px; height: 12px;position: relative;margin: 0 0.2em;}
.HomeAdv .slick-dots li button{position: absolute;border-radius: 50%;background: #fff;opacity: 0.6;padding: 0; border: 0;font-size: 0;width: 100%;height: 100%; left: 0; top: 0; transform: scale(0.5); transition: 0.3s;}
.HomeAdv .slick-dots li.slick-active button{opacity: 1; transform: scale(1);}
@media (max-width:1024px) {
.HomeAdv .slick-dots{bottom: 3%;} 
.HomeAdv .slick-dots li{width: 0.8em;height: 0.8em;}
}



.HomeAcce{padding: 3% 0;}
.HomeAcce .list{ background-color: #fff;padding: calc(15 / 16 * 1em) calc(25 / 16 * 1em);border-radius: 10px;}
.HomeAcce .box1 .list{padding: calc(15 / 16 * 1em) calc(25 / 16 * 1em) calc(25 / 16 * 1em);}
.HomeAcce .box1{width:38%;float:left;}
.HomeAcce .box1 ul{ display: flex; flex-wrap: wrap;}
.HomeAcce .box1 .slick-list{margin: 0 -10px;}
.HomeAcce .box1 li{float: left; padding:0 10px;margin: 10px 0;width:100%; }
.HomeAcce .box1 li a{ background: #f8f8f8;background:url(../images/HomeAcce-libg.jpg) no-repeat center/cover; transition: 0.3s;border-radius: 5px;padding: calc(20 / 16 * 1em); transition: 0.3s;}
.HomeAcce .box1 li .pic{width: 38%;overflow: hidden; margin-right: 5%;}
.HomeAcce .box1 li .Ispic{padding-bottom: 100%;transition: 0.3s; }
.HomeAcce .box1 li a:hover .Ispic{transform: scale(1.1);}
.HomeAcce .box1 li .txt{}
.HomeAcce .box1 li .tit{ font-size: calc(18 / 16 * 1em); color: #333; margin-bottom: calc(12 / 18 * 1em);}

.HomeAcce .box1 li .desc {position: relative; color: #999; }
.HomeAcce .box1 li p{font-size: calc(14 / 16 * 1em); line-height: 1.7;  margin: 0;}
.HomeAcce .box1 li .num{ color: #666;font-size: calc(15 / 16 * 1em);}
.HomeAcce .box1 li a:hover .tit{color: #131313;}
.HomeAcce .box1 li a:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.09);}

.HomeAcce .box1 .controls{margin-top: 0.70vw; position: relative;overflow: hidden;}
.HomeAcce .box1 .controls .slick-dots{float: right;position: relative;}
.HomeAcce .box1 .controls .slick-dots li{list-style: none;}
.HomeAcce .box1 .controls .slick-dots li{display: inline-block;position: relative;width: 20px; height: 20px;}
.HomeAcce .box1 .controls .slick-dots li button{ padding: 0; width:28.572%;height: 28.572%;background: #131313; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;}
.HomeAcce .box1 .controls .slick-dots li.slick-active button{background: #fcf004; width: 50%; height: 50%;}
.HomeAcce .box1 .controls .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #fcf004; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;}
@keyframes zhuan{
0%{transform: rotate(-360deg);}
100%{transform: rotate(0);}
}
.HomeAcce .box1 .slick-dots:after{position: absolute;right: 100%; top: 50%; height: 1px; background: #e8e8e8; margin-right: 2vw; width: 50vw; content: '';}

.HomeAcce .box2{width:59%;float:right;}
.HomeAcce .box2 ul{ display: flex; flex-wrap: wrap;}
.HomeAcce .box2 .slick-list{margin: 0 -10px;}
.HomeAcce .box2 li{float: left; padding:0 10px;margin: 10px 0; }
.HomeAcce .box2 li a{ background: #f8f8f8; transition: 0.3s;border-radius: 5px;padding: calc(20 / 16 * 1em); transition: 0.3s;}
.HomeAcce .box2 li .pic{width: 35%;overflow: hidden; margin-right: 7%;}
.HomeAcce .box2 li .Ispic{padding-bottom: 100%;transition: 0.3s; }
.HomeAcce .box2 li a:hover .Ispic{transform: scale(1.1);}
.HomeAcce .box2 li .txt{}
.HomeAcce .box2 li .tit{ font-size: calc(16 / 16 * 1em); color: #333; margin-bottom: calc(10 / 18 * 1em);}
.HomeAcce .box2 li .desc {position: relative; color: #999; }
.HomeAcce .box2 li p{font-size: calc(14 / 16 * 1em); line-height: 1.7;  margin: 0;}
.HomeAcce .box2 li .num{ color: #666;font-size: calc(15 / 16 * 1em);}
.HomeAcce .box2 li a:hover .tit{color: #131313;}
.HomeAcce .box2 li a:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.09);}

@media (min-width:1025px) {
.HomeAcce .box2 li{width: 50%;} 
}
@media (max-width:1024px) {  
}




.HomeAcce .slick-arrow{z-index:100;position: absolute; top:50%; transform: translate(0,-50%); width:30px; height:50px;cursor: pointer; padding: 0;transition: all ease 0.3s;background-position: center center;background-repeat: no-repeat;background-color: rgba(0,0,0,0.1);color: #fff;display: flex;align-items: center;justify-content: center;}
.HomeAcce .slick-arrow:hover{background-color: #131313;}
.HomeAcce .slick-disabled,.slick-disabled:hover,
.HomeAcce .slick-disabled:hover:after{border: 1px solid #d0d0d0;opacity: 0.5;}
.HomeAcce .slick-prev{border-radius: 0 10px 10px 0;left: 0;}
.HomeAcce .slick-next{border-radius: 10px 0 0 10px;right: 0;}
.HomeAcce .slick-arrow:before { position: absolute; content: ''; width: 10px;height: 10px;border-top: 2px solid #fff; border-right: 2px solid #fff; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.HomeAcce .slick-prev:before { transform: translate(-50%, -50%) rotate(-135deg); }

/* 设备服务 */
.HomeEquip{padding: 3% 0 1% 0; display: none;}
.HomeEquip li{ float: left; margin-bottom: 2%;background: #fff; transition: 0.3s;border-radius: 10px; overflow: hidden;}
.HomeEquip li a {position: relative;display: block;color: #fff;}
.HomeEquip li .info {position: absolute;left: 0;width: 100%;text-align: center;bottom: 5%;z-index: 5; padding: 0 calc(25 / 16 * 1em);}
.HomeEquip li .tit{ font-size: calc(18 / 16 * 1em);  margin-bottom: calc(10 / 18 * 1em);}
.HomeEquip li p{font-size: calc(15 / 16 * 1em); line-height: 1.7;  margin: 0; }
.HomeEquip li .pic{overflow: hidden; }
.HomeEquip li .Ispic{padding-bottom: 120%;transition: 0.3s; }
.HomeEquip li a:hover .Ispic{transform: scale(1.1);}
.HomeEquip li .pic:after{width: 100%;content: "";left: 0;bottom: 0;height: 72%;background-image:linear-gradient(to top, rgba(85,167,149,1) , rgba(85,167,149,0)) ;z-index: 2;position: absolute;transition: all 0.3s;}
.HomeEquip li:hover .pic:after{height: 85%;background-image:linear-gradient(to top, rgba(33,103,88,1) , rgba(33,103,88,0)) ;}
.HomeEquip li .moreBtn {position: relative; margin-top: 8px;}
.HomeEquip li .moreBtn i {display: inline-block;vertical-align: middle;list-style: none;border-radius: 50%;border: 1px solid #fff;width: 36px;height: 36px;line-height: 36px;position: relative;transition: all 0.3s;}
.HomeEquip li .moreBtn i::before,
.HomeEquip li .moreBtn i::after{ position:absolute; content:''; background:#fff;}
.HomeEquip li .moreBtn i::before{ left:30%; width:40%; height:2px; top:50%; margin-top:-1px;}
.HomeEquip li .moreBtn i::after{ left:50%; margin-left:-1px; width:2px; top:30%; height:40%;}
.HomeEquip li:hover .moreBtn i{background:#131313; border-color: #131313;}


@media (min-width:1025px) {
.HomeEquip li{width: 23.5%;margin-right:2%;}
.HomeEquip li:nth-child(4n){margin-right:0%;}  
.HomeEquip li:first-child{width: 49%;}
.HomeEquip li:first-child .Ispic{padding-bottom: 57.55%; }
.HomeEquip li:nth-child(3),
.HomeEquip li:nth-child(7){margin-right:0%;} 
.HomeEquip li:nth-child(4){margin-right:2%;}
}

.HomeSbfw{/* background: url(../images/homesyhybg.jpg) no-repeat center center;background-size: cover; */padding: 3% 0; }
.HomeSbfw .SbfwBox ul{display: flex;margin-left:-1%;}
.HomeSbfw .SbfwBox ul li{width:10.7%;margin-left:1%;border-radius: 10px;overflow: hidden;position: relative;transition: all .5s; cursor: pointer;}
.HomeSbfw .SbfwBox ul li.on{width:29%;}
.HomeSbfw .SbfwBox ul li .img{padding-top:480px;border-radius: 10px;}
.HomeSbfw .SbfwBox ul li .img::after{content:"";display: block;width:100%;height:100%;background: rgba(2,19,45,0.5);position: absolute;top:0;left:0;}
.HomeSbfw .SbfwBox ul li .txt{position: absolute;width:100%;top:50%;left:0;transform: translateY(-50%);text-align: center;color:#fff;}
.HomeSbfw .SbfwBox ul li .txt .tit{margin:0 auto;font-size: calc(20 / 16 * 1em);line-height: 1.2;writing-mode: vertical-rl;transition: all .5s;}
.HomeSbfw .SbfwBox ul li .txt .dec{font-size: calc(15 / 16 * 1em); line-height: 1.7;margin:calc(15 / 15 * 1em) 0 calc(20 / 15 * 1em) 0;display: none;}
.HomeSbfw .SbfwBox ul li .txt .btn{text-align: center;display: none;font-size: calc(14 / 16 * 1em);}
.HomeSbfw .SbfwBox ul li .txt .btn a{display: inline-block;width:calc(120 / 16 * 1em);line-height: 2;border-radius: 5px;border:1px solid #fff;color:#fff;transition: all .5s;}
.HomeSbfw .SbfwBox ul li .txt .btn a:hover{background: #131313;border:1px solid #131313;}
.HomeSbfw .SbfwBox ul li.on .img::after{background: rgba(0,66,156,0.70);}
.HomeSbfw .SbfwBox ul li.on .txt{ padding: 0 calc(20 / 16 * 1em);}
.HomeSbfw .SbfwBox ul li.on .txt .tit{font-size: calc(20 / 16 * 1em);width:100%;writing-mode:inherit}
.HomeSbfw .SbfwBox ul li.on .txt .dec{display: block;}
.HomeSbfw .SbfwBox ul li.on .txt .btn{display: block;}
.HomeSbfw .SbfwBox ul li:nth-child(2n+1){margin-top:calc(15 / 16 * 1em);}

@media(max-width:1024px){
.HomeSbfw .SbfwBox ul li .img{padding-top:3.2rem;}
.HomeSbfw .SbfwBox ul li .txt{padding:10px;}
.HomeSbfw .SbfwBox ul li .txt .tit{font-size: 16px;}
.HomeSbfw .SbfwBox ul li.on .txt .tit{font-size: 18px;font-weight: bold;}
.HomeSbfw .SbfwBox ul li.on .txt .dec{font-size: 14px;margin:10px 0 20px 0;min-width:1px;}
.HomeSbfw .SbfwBox ul li.on .txt .btn{min-width:1px;}
.HomeSbfw .SbfwBox ul li .txt .btn a{width:90px;line-height: 26px;}
.HomeSbfw .SbfwBox ul li:nth-child(2n+1){margin-top:10px;}
.HomeSbfw .SbfwBox ul li .txt .dec{font-size: 14px;}
}


@media(max-width:768px){
.HomeSbfw .SbfwBox ul li .txt .tit{font-size: 18px;width:100%;letter-spacing: 2px;writing-mode:inherit}
.HomeSbfw .SbfwBox ul li .txt .dec{display: block;}
.HomeSbfw .SbfwBox ul li .txt .btn{display: block;}
.HomeSbfw .SbfwBox ul {flex-wrap: wrap;}
.HomeSbfw .SbfwBox ul li{width:24%;margin-bottom:1%;}
.HomeSbfw .SbfwBox ul li.on{width:24%;}
.HomeSbfw .SbfwBox ul li:nth-child(2n+1){margin-top:0;}
.HomeSbfw .SbfwBox ul li .txt .btn a{width:70px;margin:0;}
.HomeSbfw .SbfwBox ul li .img{padding-top:100%;}
}

@media(max-width:640px){
.HomeSbfw .SbfwBox ul li .txt{padding:3px;}
.HomeSbfw .SbfwBox ul li{width:49%;}
.HomeSbfw .SbfwBox ul li.on{width:49%;}
}





.Homexmm{overflow: hidden;padding: 3% 0;background-size: cover;background-position: center;background-repeat: no-repeat;}
.Homexmm .info{position: relative;z-index: 1;}
.Homexmm .info img{ border-radius: 10px;}
.Homexmm .column-box li a{ display: flex; align-items: center;flex-wrap: wrap;justify-content: space-between;background-color:#f8f8f8; padding: calc(10 / 16 * 1em) calc(20 / 16 * 1em) calc(10 / 16 * 1em) calc(40 / 16 * 1em); overflow: hidden; border-radius:50px;transition: 0.3s;}
.Homexmm .column-box li a:hover{background-color:#fcf004; color:#fff;}
.Homexmm .column-box li .icon{float: left; width: calc(55 / 16 * 1em);height:calc(55 / 16 * 1em);position: relative;transition: 0.3s;background-color: #e5effb;border-radius: 50%;}
.Homexmm .column-box li a:hover .icon{  background-color: #fff;}
.Homexmm .column-box li .icon img{ max-width:calc(45 / 16 * 1em);position: absolute;top: 50%;transition: 0.3s ease-in-out;left: 50%;transform: translate(-50%,-50%); }
.Homexmm .column-box li a:hover .icon img{ max-width:calc(35 / 16 * 1em);}
.Homexmm .column-box li h3{float:right;width: calc(100% - (65 / 16 * 1em)); font-size: 1.125em;font-weight: normal;margin: 0;  line-height:calc(44 / 16 * 1em);position: relative;}
.Homexmm .column-box li h3:after {display: inline-block; position: absolute; right: calc(20 / 16 * 1em); top: 50%;  content: '';width: 0.5em;height: 0.5em;transform:translateY(-50%) rotate(45deg);border-top: 2px solid #131313;border-right: 2px solid #131313;margin-left: 1.25em;vertical-align: middle;}
.Homexmm .column-box li a:hover h3:after{ border-color: #fff;}

@media (min-width:1025px) {
.Homexmm .info .box{position: absolute; left: 0; top: 0;height: 100%;width: 100%;}
.Homexmm .info .ytable{height: 100%;}
.Homexmm .info ul {width: 70%;margin: 0 auto;}
.Homexmm .column-box li{float: left;width:30%;}
.Homexmm .column-box li:not(:nth-child(3n)){margin-right:4%;}
}
@media (max-width:1024px) {
.Homexmm .info{overflow: hidden;padding: 2em 0;}
.Homexmm .info > img{position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); min-height: 100%; max-width: none; width: auto;}
.Homexmm .info .box{position: relative;z-index: 4;}

}


/*Bottom003191 */
.Bottom003191{background-color: #fff; color: #333; border-top: 2px solid #131313; }
.Bottom003191 a{color: rgba(0,0,0,0.5);}
.Bottom003191 a:hover{color: #131313; }
.Bottom003191 .b-bottom{background-color: #f8f8f8; padding: calc(20 / 16 * 1em) 0;color: rgba(0,0,0,0.5);}
.Bottom003191 .b-bottom .auto{font-size: calc(14 / 16 * 1em);}
.Bottom003191 .b-bottom nav a{display: inline-block;}
.Bottom003191 .b-bottom nav a:not(:last-child):after{margin:0 12px;content:'';display:inline-block;width:1px;height:12px;vertical-align:middle;background:rgba(0,0,0,0.2);}
.Bottom003191 .b-top{padding: calc(50 / 16 * 1em) 0 calc(30 /16 * 1em) 0;}
.Bottom003191 .b-top nav dt{font-size: calc(18 / 16 * 1em);}
.Bottom003191 .b-top nav dt a:not(:hover){color: #333;}
.Bottom003191 .b-top nav dd{line-height: calc(30 / 14 * 1em);font-size: calc(14 / 16 * 1em);}

.Bottom003191 .logo img{height: calc(100 / 16 * 1em);}
.Bottom003191 .hotline dl{margin-top: calc(24 / 16 * 1em);}
.Bottom003191 .hotline dt{opacity: 0.5;margin-bottom: calc(6 / 16 * 1em);}
.Bottom003191 .hotline dd{ font-size: calc(15/ 16 * 1em);color: #333; }

.Bottom003191 .code{margin-bottom: calc(25 / 16 * 1em); text-align: center;}
.Bottom003191 .code img{max-width: calc(115 / 16 * 1em); background: #fff; padding: 5px; border: 1px solid #eee; border-radius: 5px;}
.Bottom003191 .code aside {margin-top: 8px;font-size: calc(14 / 16 * 1em);}
.Bottom003191 .about{ display: table; margin: 0 auto;}
.Bottom003191 .about .ask {display: block;line-height:calc(45 / 16 * 1em);width: calc(130 / 16 * 1em);text-align: center;color: #fff;background-color: #131313;text-transform: capitalize;transition: 0.3s; border-radius: 5px;font-size: calc(14 / 16 * 1em); }
.Bottom003191 .about .ask:before {display: inline-block;vertical-align: top;content: '';background-image: url(../images/icon_about.svg);background-size: contain;background-position: center;background-repeat: no-repeat;width: 1.3888em;height: calc(45 / 16 * 1em);margin-right: 0.5555em;}
.Bottom .icon{display: flex;justify-content: center;padding-bottom: 20px;}
@media(max-width:1024px){
.Bottom .icon{ display:none;}
}

@media (min-width:1025px) {
.Bottom003191 .b-top .left{width: calc(220 / 1280 * 100%);}
.Bottom003191 .b-top .right{width: calc(120 / 1280 * 100%);}
.Bottom003191 .b-top .mid{width: calc((1320 - 210 * 2) / 1280 * 100%);}  
.Bottom003191 .b-top nav{width:96%;margin: 0 auto; max-width: calc(840 / 16 * 1em); overflow: hidden;}
.Bottom003191 .b-top nav dl{float: left; max-width: calc(140 / 16  * 1em);}  
.Bottom003191 .b-bottom .fl,
.Bottom003191 .b-bottom .fr{max-width: 45%;}
.Bottom003191 .b-top nav dt{ margin-bottom:0.625em;}
}
@media (max-width:1024px) {
    .Bottom003191 .logo{text-align: center;}
    
    .Bottom003191 .b-top{padding: 3em 0;}
    .Bottom003191 .b-top nav{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1); padding: 2em 0; margin: 2em 0;}
    .Bottom003191 .b-top nav dl{margin: 0!important;}
    .Bottom003191 .b-top nav dl:not(:last-child){margin-bottom: 1em!important;}
    .Bottom003191 .b-top nav dd{display: inline-block; margin-right: 1em;}
    
    .Bottom003191 .b-bottom nav {text-align: center}
    .Bottom003191 .b-bottom .copyright{margin-top: 1em;text-align: center}
    .Bottom003191 .b-bottom .copyright a{display: inline-block;} 
}



/* 右侧咨询 */
.RightFix{right: 1%;top: 50%;z-index: 99;width: calc(80 / 16 * 1em);transform: translateY(-50%); position: fixed;transition: all 0.5s;box-shadow: 0 0px 15px rgba(0,0,0,0.1);border-radius: 10px;}
.RightFix li{position: relative;cursor: pointer;background-color:#fff;}
.RightFix li:first-child{border-radius: 10px 10px 0 0;}
.RightFix li:last-child{border-radius: 0 0 10px 10px;}
.RightFix li:not(:last-child){}
.RightFix .btn{text-align: center;position: relative;padding: calc(14 / 16 * 1em) 0;display: block;color: #131313;}
.RightFix .icon{max-width: 25px;margin: 0px auto 5px;}
.RightFix .icon.wx{max-width: 32px;}
/*.RightFix .btn aside{font-size: calc(14 / 16 * 1em);color: #fff}*/
.RightFix .btn aside{display: none; color: #fff;}
.RightFix li:hover .btn aside{display: block;}

.RightFix li .info{position: absolute;top: 50%;transform: translateY(-50%);padding: calc(15 / 16 * 1em);background: #fff;right: 100%;min-width: calc(160 / 16 * 1em);text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 10px;visibility: hidden;opacity: 0;z-index: -10;transition: all 0.5s;border: 5px solid #a00b0b;}
.RightFix .info .name{font-size: calc(16 / 16 * 1em);}
.RightFix .info a{color:#131313;font-size: calc(20 / 16 * 1em); font-weight: bold; line-height: 2;}
.RightFix .ewm{margin-bottom: 8px;}
.RightFix .ewm img{width: calc(120 / 16 * 1em);}
.RightFix li{background-color:rgba(153,153,153,.8);}
.RightFix li:hover {background-color: #a00b0b;}
.RightFix li .icon img{filter: grayscale(100) brightness(100);}
.RightFix li .btn{color: #fff;}
.RightFix li:hover .info{right: 110%;visibility: visible;z-index: 10;opacity: 1;}


.Popup{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);top: 0;left: 0;overflow: auto;z-index: 999;display: none;}
.Popup .ytable {height: 100%;}
.Popup .main {width: 90%;max-width: calc(600 / 16* 1em);padding: calc(50 / 16 * 1em);position: relative;margin: 0 auto;background-color: #fff;border-radius: calc(10 / 16* 1em); }
.Popup .close { position: absolute; width: 20px; height: 20px; right: 20px; top: 20px; background: url(../images/icon-close.svg) no-repeat; background-size: contain; z-index: 10; cursor: pointer; }
.Popup .title{font-size: calc(28 / 16 * 1em);text-align: center;color: #333; margin-bottom: calc(30 / 28* 1em); font-weight: bold;}
.Popup .Form li {display: flex;}
.Popup .Form li{width: 100%;margin-bottom: calc(15 / 16 * 1em);overflow: hidden;position: relative; background-repeat: no-repeat; background-size: calc(50 / 16 * 1em) auto; }
.Popup .Form li label{ position:absolute; left:15px; color:#999; line-height: calc(48 / 14 * 1em);font-size: calc(14 / 16 * 1em);}
.Popup .Form li .text {flex: 1;border: 1px solid #ebebeb;padding: 0 15px;height: calc(48 / 14* 1em);font-size: calc(14 / 16 * 1em);color: #999;border-radius: 10px;background: none;}
.Popup .Form li select {flex: 1;border: 1px solid #ebebeb;padding: 0 11px;height: calc(48 / 14* 1em);font-size: calc(14 / 16 * 1em);color: #999;border-radius: 10px;background: none;}
.Popup .Form li textarea.text {height: 100px;}
.Popup .Form li .filecon{border: 1px solid #ebebeb;padding: 14px 15px 18px;font-size: calc(14 / 16 * 1em);color: #999;border-radius: 10px;width:100%;}
.Popup .Form li .filecon span{display: block;margin-bottom:10px;}
.Popup .Form li .filecon input{color:#999;}
.Popup .quBtn a{background-color: #fcc617;color: #131313;cursor: pointer;font-size: calc(16 / 16* 1em);height: calc(50 / 16* 1em);cursor: pointer;border-radius: calc(50 / 16* 1em);transition: 0.3s;display: inline-block;line-height: calc(50 / 16* 1em);padding: 0 calc(38 / 16 * 1em);border: 1px solid #fcc617;}
.Popup .quBtn.qx{margin-right: 1.6vw;}
.Popup .quBtn.qx a{border: 1px solid #fcc617;background: unset;color: #fcc617;}
.Popup .Form li.Log {justify-content: space-between;}
.Popup .Form li.Log a {color: #fcc617;font-size: calc(14 / 16 * 1em);}
.Popup .Form li.Reg{ text-align: center;justify-content: center;}
.Popup .Form li.Reg a {color: #fcc617;}
.Popup .Form .btn {background-color: #fcc617;color: #fff;cursor: pointer;font-size: calc(16 / 16 * 1em);height: calc(50 / 16* 1em);border: none;width: 100%;cursor: pointer;border-radius: calc(50 / 16* 1em); transition: 0.3s;}
.Popup .Form .btn:hover{box-shadow: 0 0px 20px rgba(254, 94, 16, 0.3);}
.Popup .Qubot{width: 100%;display: flex;justify-content: center;}
.Popup .tip{width: 100%;text-align: center;font-size: calc(18 / 16 * 1em);margin-bottom: 2.4vw;}
.Popup .quBox{max-width: calc(480 / 16* 1em);}

.Popup .title .on{color: #fcc617;border-bottom:4px solid #fcc617;}
.Popup .title a{padding-bottom:calc(10 / 16 * 1em) ;margin: 0 calc(20 / 16 * 1em);}
.Popup .title a:hover{color: #fcc617;}
.Popup .tapTit{margin-bottom: calc(34 / 16 * 1em);}


.Popup .Form li .send {padding: 0 calc(20 / 14* 1em);line-height: calc(50 / 14* 1em);text-align: center;color: #fff;background: #fcc617;border-radius: calc(10 / 14* 1em);margin-left: calc(15 / 14* 1em);font-size: calc(14 / 16 * 1em);}

.Popup .Purchase{max-width: calc(800 / 16* 1em);}
.Popup .Repair,
.Popup .Sell,
.Popup .Buy{max-width: calc(800 / 16* 1em);}

.Popup .Form li textarea.text{height: 120px;padding: 16px 10px 0 20px;}
.Popup .con>div{display: none;}
.Popup .con>div.LoginForm{display: block;}

@media(max-width:1024px){
    .Popup .main {padding:30px;}
	.RightFix li {background-color: rgb(153 153 153 / 50%);}
}


/*
 .Floor001739 为demo编号
 */
.Floor001739{background: url(../images/Floor001739-bg.jpg) repeat; padding:2% 0;}
.Floor001739 li{float:left;width: 25%;text-align: center; position:relative;}
.Floor001739 li::before{ position:absolute; content:''; width:2px; border-right:1px dashed #ccc; right:0; top:20%; height:60%;}
.Floor001739 li:last-child::before{ display:none;}
.Floor001739 li a{display: block; margin:0 auto; width:80%; max-width:206px;}
.Floor001739 li figure img{ width:50%; max-width:calc(72 / 16 * 1em);max-height: calc(72 / 16 * 1em)}
.Floor001739 li h3{font-size: .875em; color: #333;margin: calc(16 / 16 * 1em) 0 0;}
.Floor001739 li p{line-height: calc(30 / 16 * 1em);overflow:hidden;font-size: calc(20 / 16 * 1em);color: #999; margin-top:0;letter-spacing: 1px;height: calc(30 / 16 * 1em);margin-bottom: 0;}

@media(max-width:768px){
    .Floor001739 li{ width:50%;margin: 5px 0}
    .Floor001739 li:nth-child(2n)::before{ display:none;}
}




 /*Menu002387*/
.Menu002387 .side-title{background:url(../images/Menu002387_tit.png) no-repeat right #222222; background-size:auto 100%;color:#fff;padding:18px 0 18px 28px; font-size:22px;border-radius: 10px 10px 0 0;}
.Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 16px; color: #666;}
.Menu002387 .side-menu li{ border-bottom:1px solid #f5f5f7; line-height:64px; font-size: 18px; background: #fff;}
.Menu002387 .side-menu li:last-child{ border-bottom: none;}
.Menu002387 .side-menu li a{ display:block;  padding-left:30px; padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Menu002387 .side-menu li a::before,
.Menu002387 .side-menu li a::after{ position:absolute; content:''; top:50%;display: none;}
.Menu002387 .side-menu li a::before{ width:15px; height:15px; border-radius:50%; background:#ececec; right:10px;  margin-top:-7.5px;}
.Menu002387 .side-menu li a::after{ margin-top:-3px;border:5px solid transparent; border-top-width:4px; border-bottom-width:4px; border-left-color:#fff; right:9px;display: none;}
.Menu002387 .side-menu li a:hover,
.Menu002387 .side-menu li.aon a{ color:#db2636;}
.Menu002387 .side-menu li:hover a::before,
.Menu002387 .side-menu li.aon a::before{ background: #db2636;}
.Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;}
.Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;}
.Menu002387 .side-menu li:last-child{border-radius: 0 0 10px 10px;}
@media(max-width:1024px){
    .Menu002387 { margin-bottom:15px;}
    .Menu002387 .side-title{ margin-top:2%;font-size:20px;}
}

.detBox{background: #f5f5f7;padding: 30px 0 5%;}


@media(min-width:1025px){
    .detBox.flex .auto{display: flex;justify-content: space-between;;}
    .detBox .Menu002387{width: 18%;flex: 0 0 auto;margin-right: 26px}
    .detBox .Homebox1{flex: 1}
    .detBox .Homebox1{padding: 0;}
    .detBox .Homebox1 li{width: 19.2%;}
	.detBox .Homebox1 li:nth-child(n+1){margin-right:1%;}
    .detBox .Homebox1 li:nth-child(5n){margin-right: 0;}
    /*.detBox .Homebox1 li:nth-child(4n){margin-right:2%;}*/
}
@media(max-width:640px){
.pro_select{ padding-top:calc(30 / 16 * 1em);}
.detBox{ padding-top:calc(5 / 16 * 1em);}
}


/* 产品详情 */

.prodetail{background: #fff;padding: 30px;}
.prodetail .imgs{overflow: hidden}
.prodetail .imgs .swiper-slide:after{content:"";display:block;padding-bottom:70%;z-index: 10;position: relative}
.prodetail .imgs .hovimg{position:absolute;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;}
.prodetail .imgs .sm .hovimg img{width:auto;height:auto;max-width:80%;max-height:80%;}
.prodetail .imgs .sm{position:relative;padding:0 50px;width:100%;}
.prodetail .imgs .sm .swiper-slide.cur:after{background:rgba(0,0,0,0.03);}
.prodetail .imgs .sm .swiper-slide{cursor:pointer;width: 120px;}
.prodetail .swiperCtr{font-size:13px;margin:0;}
.prodetail .swiperCtr .btn{position:absolute;top:50%;margin-top:-1em;z-index:5;}
.prodetail .swiperCtr .prev{left:0;}
.prodetail .swiperCtr .next{right:0;}
.prodetail .imgs .big{margin-bottom:20px;width:100%;flex:1 1 auto;border:1px solid #e4e4e4;}
.prodetail .deType{display: flex;}
.prodetail .deType li{float: left;margin-right: 8px;height: 28px;line-height: 29px;padding: 0 10px;color: #5c3407;background: linear-gradient(to right, #f4ebe1, #ecdece);margin-bottom: 1px;border-radius: 4px;list-style: none;}
.prodetail .deType .color1 {background: #eeeeee;color: #666;}
.prodetail .txt .header{border-bottom: 1px solid #f3f3f3;padding-bottom: calc(30 / 16 * 1em);margin-bottom: calc(30 / 16 * 1em);}

.prodetail .txt{overflow:hidden;;padding-left:5%;width: 58%;}
.prodetail .txt .tp{width:100%;padding-bottom:16px;}
.prodetail .txt .tags{margin-bottom:3%;}
.prodetail .txt .tit{font-size:calc(30 / 16* 1em);color: #2d3144;margin: 0;}
.prodetail .txt .tit2{padding-bottom:calc(10 / 16* 1em);font-size:calc(20 / 16* 1em);color: #2d3144;}
.prodetail .txt .p{padding-bottom:calc(30 / 16* 1em);border-bottom:1px solid #f3f3f3;margin-bottom:calc(20 / 16* 1em);}
.prodetail .txt .p dl dd{display: flex;align-items: flex-start;line-height: 2;color: #2d3144;font-size: calc(18 / 16* 1em)}
.prodetail .txt .p dl dd span{width: auto;color: #888;flex: 0 0 auto}
.prodetail .txt .type a{  float:left; padding:1px;background: #f5f5f5; border: 1px solid #f5f5f5; margin-right:10px; text-align:center; line-height:35px;color:#666; cursor:pointer; padding:1px 16px;border-radius: calc(4 / 16* 1em);}
.prodetail .txt .type a.on{ padding:0 15px;border-color: #fcc617; color: #fcc617;background: #fef6e0;}
.prodetail .txt .ggs{display: flex;align-items: center;margin-bottom: calc(30 / 16* 1em)}
.prodetail .txt .ggs .tit2{padding-left:calc(30 / 16* 1em);background: url(../images/icon-pdf.svg)no-repeat center left;background-size: calc(20 / 16* 1em) auto;padding-bottom: 0 }
.prodetail .txt .ggs .btns{margin-left:calc(50 / 16* 1em) }
.prodetail .txt .ggs .btns a{display: inline-block;color: #888;margin-right:calc(30 / 18* 1em);font-size: calc(18 / 16* 1em) }
.prodetail .txt .bot a{display:flex;align-items: center;justify-content: center;width:calc(140 / 16* 1em);line-height:calc(50 / 16* 1em);text-align:center;color:#fff;border-radius: .1rem;border-radius: calc(10 / 16* 1em);float: left}
.prodetail .txt .bot a.zx{background: #fcc617}
.prodetail .txt .bot a.zx::before{content: '';width:calc(24 / 16* 1em) ;height: calc(24 / 16* 1em);background: url(../images/icon-zx.svg)no-repeat center;background-size: calc(24 / 16* 1em) auto;margin-right: calc(10 / 16* 1em)}
.prodetail .txt .p dl dd.Price{color: #ff002b;}
.prodetail .txt .p dl dd.Price span{}
.prodetail .txt .zf-list{display: flex;align-items: center;margin-right: 16px;}
.prodetail .txt .zf-list img{width: 20px;margin-right: 6px;}
.prodetail .txt .cft img{width: 66px;margin-right: 6px;}

.prodetail .txt .bot a.tm{background: #ff002b}
.prodetail .txt .bot a.tm::before{content: '';width:calc(24 / 16* 1em) ;height: calc(24 / 16* 1em);background: url(../images/icon-tmall2.svg)no-repeat center;background-size: calc(24 / 16* 1em) auto;margin-right: calc(10 / 16* 1em)}

.prodetail .txt .bot a.jd{background: #d11e15}
.prodetail .txt .bot a.jd::before{content: '';width:calc(24 / 16* 1em) ;height: calc(24 / 16* 1em);background: url(../images/icon-jd.svg)no-repeat center;background-size: calc(24 / 16* 1em) auto;margin-right: calc(10 / 16* 1em)}

.prodetail .txt .bot a:not(:last-child){margin-right: calc(15 / 16* 1em)}


.prodetail .swiperCtr .btn{display:inline-block;vertical-align:middle;padding:1em;background:#fcc617;border-radius:50%;cursor:pointer;transition:.3s;}
.prodetail .swiperCtr .btn:after{width:26%;height:26%;border-right:2px solid #131313;border-top:2px solid #131313;content:"";position:absolute;left:28%;top:37%;transform:rotate(45deg);}
.prodetail .swiperCtr .btn.prev:after{transform:rotate(225deg);left:37%;}
.prodetail .swiperCtr .btn:hover:after{border-color:#131313;}

.btnBox{display: flex;}
.btnBox .btnlist{}
.btnBox .btnlist .btn{height:46px;line-height: 46px;background:#a00b0b;color:#fff; display: inline-block; border-radius: 5px;width: calc(146 / 16 * 1em);text-align: center;margin-left:calc(5 / 16 * 1em);border: 1px solid #a00b0b;}
.btnBox .btnlist .btn img{max-height: calc(17 / 16 * 1em);margin-right:5px;margin-top:-2px;}
.btnBox .btnlist .coll{border: 1px solid #131313;color: #131313;height: 46px;line-height: 46px;border-radius: 5px;display: inline-block;padding: 0 16px;}
.btnBox .btnlist .coll img{max-height: calc(17 / 16 * 1em);margin-right:5px;margin-top:-2px;}
.btnBox .btnTop{display: flex;justify-content: end;width: 100%;margin-bottom: 8px;}
.btnBox .btnTop .coll{font-size: 12px;height: 30px;line-height: 30px;padding: 0 10px;}
.btnBox .btnTop .coll + .coll{margin-left: 10px;}

.m_numberSelect{ display:inline-block; border: 1px solid #cacaca; position: relative; background-color: #FFF;border-radius: 5px;margin-right: 5px;}
.m_numberSelect .i_minus,.m_numberSelect .i_add{ width:44px; height:44px; line-height:44px; display:inline-block; color:#796767; font-size:20px; font-weight:bold; text-align:center; float:left;}
.m_numberSelect .numberInput{width:70px; color:#796767; font-size:14px; text-align:center; line-height:30px; border: none; border-left:1px solid #cacaca;border-right:1px solid #cacaca; display:inline-block; height:44px;float:left;}

.detailsBox{margin-top: 30px;}
.detailsBox .auto{background: #fff;padding: 0 30px 30px;}

.detailsBox .argument{display: flex;flex-wrap: wrap;margin-top: calc(28 / 16 * 1em);}
.detailsBox .argument p{width: 33.33%;margin: 0 0 calc(16 / 16 * 1em);}
.detailsBox .argument p span{color: #999;}
.detailsBox .info{margin-top: calc(40 / 16 * 1em);}
.detailsBox .info .txt{line-height: 1.8;font-size: 16px;color: #666;margin: 0;}

.title_tab span{line-height:calc(80 / 18* 1em);font-size: calc(20 / 16* 1em);color: #2d3144;display: inline-block;margin-right: calc(50 / 18* 1em);cursor: pointer;border-bottom: 2px solid transparent}
.title_tab span.on{color:#131313;border-color: #131313 }
.title_tab{border-bottom: 1px solid #f3f3f3;}

.product_detail2{margin-top: calc(40 / 16 * 1em);}
.product_detail2 .title{font-size: calc(24 / 16* 1em);color: #2d3144;position: relative;font-weight: bold;padding-left: 16px;}
.product_detail2 .title::before{content: '';background: #131313;display: block;position: absolute;left: 0;top: 50%;width: 4px;height: 24px;margin-top: -12px;}
.product_detail2 .con{margin-top: calc(26 / 16 * 1em);}
.product_detail2 .img{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_detail2 .img .item{margin-bottom: calc(12 / 16* 1em)}

.product_detail2 .table th,
.product_detail2 .table td{ text-align:center; border:1px solid #ddd; border-collapse:collapse; line-height:24px; padding:15px;background: #fff;font-size:calc(16 / 16* 1em) }
.product_detail2 .table th{ font-weight:normal;}
.product_detail2 .table .th_1{background: #131313;color: #fff;}
.product_detail2 .table .th_2{background: #f2f4f6;}


.prodetail .txt .tit span{color: #333;font-size: calc(20 / 30 * 1em);font-weight: 500;padding-left: .3em;}

.Products{padding: calc(100 / 16* 1em) 0 0;overflow: hidden;}
.Products .column-tit{margin-bottom: 0;}
.Products .column-tit::after{content: '';display: block;width: 67px;height: 4px;background: #131313;margin: 15px auto 0;}


@media(min-width:1025px){
    .prodetail{align-items:stretch;display: flex;}
    .prodetail .imgs{flex:0 0 auto;width:42%;flex-direction:column;justify-content:space-between;}
    .product_detail2 .img .item{width: 48%;}
}

@media(max-width:1024px){
    .prodetail .imgs{display: block;}
    .prodetail .txt{width: 100%;margin-top: 30px;padding: 0}
    .prodetail .txt .p dl dd span{width: auto}
    .prodetail .txt .p dl dd.payment{flex-wrap: wrap}
    .prodetail .txt .p dl dd.payment span{width: 100%}
    .btnBox{flex-wrap: wrap;}
    .btnBox .btnlist{margin-top: 15px}
    .btnBox .btnlist .btn{margin: 0 15px 0 0}
}


/*PicList002736 */

.PicList002736{background: #f4f7fe;}
.PicList002736 li{margin-bottom: 2%;}
.PicList002736 li .a{display: flex;background: #fff;  transition: 0.3s;border: none;justify-content: space-between;border-radius: 16px;}
.PicList002736 li .a:hover{box-shadow: 0 6px 18px rgba(60,60,66,0.1);background: #fff;}
.PicList002736 li .Ispic{ background-size: cover;border-radius: 16px 0 0 16px;}
.PicList002736 li .txt{ padding:calc(54 / 16 * 1em) 0;}
.PicList002736 li .txt h3{ color: #131313;font-size: calc(24 / 16 * 1em);margin: 0;}
.PicList002736 li .txt p{line-height: 28px;height: 80px; margin-bottom: 0;font-size: calc(16 / 16 * 1em);margin-top: calc(20 / 16 * 1em);color: #666;}
.PicList002736 .pci{width: 29.4%;overflow: hidden;}
.PicList002736 li:hover .Ispic{transform: scale(1.1);}


@media(min-width:481px){
.PicList002736 li .Ispic{float: left; }
.PicList002736 li .txt{float: right;margin-right: 3%;  }
}
@media(min-width:1025px){
.PicList002736 li .Ispic{width: 100%;transition: 0.3s;height: 100%;}
.PicList002736 li .txt{width: 64%;}
}
@media(min-width:481px) and (max-width:1024px){
.PicList002736 li .Ispic{width: 45%;padding-bottom: 31.3%;background-color: #f5faff;}
.PicList002736 li .txt{width: 48%;}
}
@media(max-width:640px){
.PicList002736 li .txt p{-webkit-line-clamp: 3; height: 84px;}
}
@media(max-width:480px){
	.PicList002736 li{margin-bottom: 20px;}
    .PicList002736 li .Ispic{padding-bottom: 69.5%;}
    .PicList002736 li .txt{ padding: 15px;}
}

/*下载中心*/
.download{}
.download ul{ margin: 0 -1%;}
.download li{ background-color: #fff;box-shadow: 0px 2px 12px 0px rgb(185 185 185 / 20%); padding: calc(30 / 16* 1em);border-radius: calc(10 / 16* 1em);overflow: hidden;}
.download li .tit{font-size: calc(18 / 16* 1em);color: #2d3144;margin-bottom: calc(10 / 16* 1em)}
.download .down{color: #131313;padding-right:calc(60 / 16* 1em);display: inline-block;background: url(../images/icon-down.svg)no-repeat center right calc(30 / 16* 1em);background-size: calc(16 / 16* 1em) auto;margin-right: calc(30 / 16* 1em);border-right: 1px solid #ddd;}
.download .yl{color: #131313;padding-right:calc(30 / 16* 1em);display: inline-block;background: url(../images/icon-yl.svg)no-repeat center right;background-size: calc(20 / 16* 1em) auto;}

.download .search {
    margin-bottom: 10px;  
}

.download .search input{border:1px solid #eee; position:relative; background:url(../images/Top002047-search.png) no-repeat 10px center #eee; background-position: right; background-size: 20px auto; border-radius: 5px; overflow: hidden;     height: 40px;
    line-height: 40px;
    padding: 0 100px 0 10px;
    border: none;
    color: #999;}

@media screen and (min-width:1025px ){
    .download{flex: 1}
    .download li{width:48%;float: left;margin: 0 1% calc(30 / 16* 1em) 1%; }
}

@media(max-width:1024px){
    .download li{margin-bottom: 15px}
}


.news_list{}
.news_list .list ul{}
.news_list .list li{ width: 32%; background: #fff; margin-bottom: 2%;margin-right: 2%;float: left;border-radius: 10px;overflow: hidden}
.news_list .list li:nth-child(3n){ margin-right: 0}
.news_list .list li .pic figure{padding-bottom:62.43%}
.news_list .list li .txt{padding:8% 7%;}
.news_list .list li h5{line-height: 1.5; height: calc(60 / 20 * 1em);margin: 0;font-size: calc(20 / 16 * 1em);font-weight: normal;}
.news_list .list li dl{display: flex; justify-content: space-between; padding-top:6%;align-items: center}
.news_list .list li dl time{font-size: calc(18 / 16 * 1em);}
.news_list .list li dl .more{width: 50px; height: 50px; border: solid 2px #d7dce7; border-radius: 100%; position: relative}
.news_list .list li dl .more:before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/icon-more-icon.svg) no-repeat center center;background-size: 1em auto;}
.news_list .list li:hover{box-shadow: 0 0 49px rgba(0,33,49,0.26); background: #fff}
.news_list .list li:hover dl .more{background: #fcc617; border-color: #fcc617}
.news_list .list li:hover dl .more:before{filter: grayscale(100%) brightness(1000%);background: url(../images/icon-more-icon2.svg) no-repeat center center;background-size: 1em auto; }
@media(max-width:768px){
    .news_list .hot .pic,
    .news_list .hot .txt{width: 100%}
    .news_list .hot .txt{padding-top: 20px;}
    .news_list .hot .txt p{margin: 2% 0}
    .news_list .hot .txt dl{padding: 2% 0}
    .news_list .hot .txt h5{padding-left: 0}
    .news_list .hot .txt .new{top: -30px}
    .news_list .slick-arrow{bottom:10px}
    .news_list .list li{width: 48%;margin: 1%!important}
    .news_list .list li dl .more{width: 30px; height: 30px;}
    .news_list .list li h5{font-size: 16px; line-height: 24px; height: 48px;}
}


.RighInfo003141{background: #fff;padding: 0 60px;border-radius: 10px;padding-bottom: calc(60 / 16 * 1em);}
.RighInfo003141 .intro{padding-top: 4.5em;}
.RighInfo003141 .intro .title{ margin-bottom: calc(32 / 16 * 1em);text-align: center;}
.RighInfo003141 .intro .title h1{font-size: calc(42 / 16 * 1em);margin: 0;color: #131313;}
.RighInfo003141 .intro .title p{text-transform: uppercase;color: #131313;font-size: calc(20 / 16 * 1em);margin-top: 12px;}
.RighInfo003141 .intro .info{ font-size: 0.875em; line-height: 2;overflow: auto;max-height: 30em;padding-right: 1.6em;}
.RighInfo003141 .intro .info p{margin:0 0 1.8em;font-size: 16px;}

.RighInfo003141 .number-count{margin: 3.6em 0 4.6em;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.2em 4em;border-radius: 10px;}
.RighInfo003141 .number-count ul{display: flex;justify-items: flex-end;}
.RighInfo003141 .number-count li{color: #333333;}
.RighInfo003141 .number-count li span{display: inline-block;position: relative;font-size: 2em;font-family: 'Bebas';color: #131313; margin: 0 5px;}
.RighInfo003141 .number-count li span i{font-style: normal;}
.RighInfo003141 .number-count li span i.ani{position: absolute; left: 0;top: 0;}
.RighInfo003141 .number-count li span i.opa{opacity: 0;}
.RighInfo003141 .number-count li sup{display: inline-block;vertical-align: top;color: #131313;font-size:1em;}

.RighInfo003141 .plate dd{margin-bottom: 2.8565%;border-radius: 10px;overflow: hidden;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);}
.RighInfo003141 .plate dd .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); padding:2.375em 1.875em;}
.RighInfo003141 .plate dd ol{float: left;width: 4.25em;}
.RighInfo003141 .plate dd ol img{width: 85.295%;}
.RighInfo003141 .plate dd li{width: calc(100% - 4.25em);float: right;}
.RighInfo003141 .plate dd li aside{font-size: 1.125em;color: #333;}
.RighInfo003141 .plate dd li p{margin: 0;font-size: 0.875em;color: #999;}
.RighInfo003141 .wh{text-align: center;padding-bottom: 30px;padding-top: 30px;}
.RighInfo003141 .ho-tit{color: #131313;text-align: center;margin-bottom: calc(36 / 16 * 1em);}
.RighInfo003141 .ho-tit h1{font-size: calc(42 / 16 * 1em);margin: 0;color: #131313;}
.RighInfo003141 .ho-tit p{text-transform: uppercase;color: #131313;font-size: calc(20 / 16 * 1em);margin: 8px 0 0;}
@media (min-width:1025px) {
    .RighInfo003141 .intro .info{width: 47.929%;}
    .RighInfo003141 .intro .title{line-height: 1;}
    .RighInfo003141 .intro .img{width: 47.215%;}
    .RighInfo003141 .intro .img img{border-radius: 30px 0 30px 0;}
    .RighInfo003141 .number-count ul{justify-content: space-between;display: flex;}
    .RighInfo003141 .number-count li{float: left;}
    .RighInfo003141 .plate dd{float: left;width: 30.8%;}

    .RighInfo003141 .plate dd:not(:last-child){ margin-right: 2.8565%;}
    .RighInfo003141 .plate dd:nth-child(3n){margin-right: 0;}
}
@media (max-width:1024px) {
    .RighInfo003141{padding:30px;}
    .RighInfo003141 .intro{padding-top: 2em; margin-bottom: 2em;}
    .RighInfo003141 .intro .info{margin-bottom: 20px}
}


/* 联系我们 */

.Contact{background: #fdfdfd;border: 1px dashed #cccccc;border-radius: 6px;padding-right: calc(40 / 16 * 1em);}
.Contact .left{margin-bottom:2em;}
.Contact .left .tit1{font-size:.5rem;color:#000;border-bottom:1px solid #ebebeb;padding-bottom:.4rem;margin-bottom:.4rem}
.Contact .left .tit2{font-size:calc(20 / 16 * 1em);color:#333;padding-bottom:calc(15 / 20 * 1em);margin-top:calc(40 / 20 * 1em)}
.Contact .left .desc{line-height:2;color: #333}
.Contact .left .desc > div:not(:last-child){margin-bottom:.8rem;font-size: calc(18 / 16 * 1em);}
.Contact .left .desc .lx span{display:inline-block;background:url(../images/contact_ico01.svg)no-repeat center left 6px;background-size:calc(18 / 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .left .desc .cz span{display:inline-block;background:url(../images/contact_ico02.svg)no-repeat center left 4px;background-size:calc(19 / 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .left .desc .yx span{display:inline-block;background:url(../images/contact_ico03.svg)no-repeat center left 4px;background-size:calc(17/ 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .left .desc .add span{display:inline-block;background:url(../images/contact_ico04.svg)no-repeat center left 4px;background-size:calc(17 / 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .left .desc .zj span{display:inline-block;background:url(../images/contact_ico05.svg)no-repeat center left 4px;background-size:calc(19 / 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .left .desc .wx span{display:inline-block;background:url(../images/contact_ico06.svg)no-repeat center left 4px;background-size:calc(20 / 16 * 1em) auto;padding-left:calc(36 / 16 * 1em)}
.Contact .right{background:#000;}


.Contact .flex .left h1{font-size: calc(28 / 16 * 1em);font-weight: 500;color: #131313;letter-spacing: 1px;margin-bottom: 32px;position: relative;border-bottom: 1px dashed #cccccc;padding-bottom: 32px;margin-top: 14px;}

@media(min-width:1025px){
    .Contact .flex{display:flex;justify-content:space-between;align-items:center;}
    .Contact .flex .left{width:45%;margin-bottom:0;}
    .Contact .flex .right{width:50%;}
    .Contact .list{display:flex;justify-content:space-between;}
}

@media(max-width:1024px){
    .Contact{padding-right: 0}
    .Contact .flex{display: block;;}
    .Contact .left{padding: 20px}
}


.prolist.alBox li{width: 30.3%;}
.prolist.alBox li:nth-child(3n){margin-right: 0;}
.prolist.alBox li:nth-child(4n){margin-right: 3%;}
.prolist.alBox li .pic figure{padding-bottom: 62%;}

.lcBox{text-align: center;padding: calc(100 / 16 * 1em);}
.lcBox .lc-tit{margin-bottom: 1.4em;}
.lcBox .lc-tit h1{color: #131313;font-size: calc(32 / 16 * 1em);}
.lcBox .lc-tit p{font-size: calc(14 / 16 * 1em);color: #999;}


/*
 .Shop002333 为demo编号
 */
 .Shop002333{background: #fff;border-radius: 6px;padding:6px 30px 30px;}
 .Shop002333 .redcolor{ color: #da291c;}
 .Shop002333 .yellowcolor{ color: #f6aa00;}
 .Shop002333 .iradio{ position:absolute;top:45%; left:20px; display:block; width:17px; height:17px; background:url(../images/Shop002333-shop_icon.png) no-repeat 0 0; }
 .Shop002333 .iradio.unradiobtn{ background-position:0 -46px;}
 .Shop002333 .iradio.radiobtn{ background-position:0 0;}
 .Shop002333 .m_numberSelect{ display:inline-block;  position: relative; background-color: #eeeeee; width:96px;border-radius: 60px;}
 .Shop002333 .m_numberSelect .i_minus,.Shop002333 .m_numberSelect .i_add{ width:27px; height:34px; line-height:37px; display:inline-block; color:#796767; font-size:20px; font-weight:bold; text-align:center; float:left;}
 .Shop002333 .m_numberSelect .numberInput{width:40px; color:#796767; font-size:14px; text-align:center; line-height:34px; border: none;  display:inline-block; height:34px;float:left;background: #eeeeee;}
 
 .Shop002333 .cartall{ display: flex;align-items: center;justify-content: space-between;margin-top: 2em;}
.Shop002333 a.clearcart{font-size: calc(16 / 14 * 1em);color: #666;}
.Shop002333 a.clearcart b{color: #da291c;font-size: calc(26 / 14 * 1em);}
 /* .Shop002333 a.clearcart{ background:url(../images/Shop002333-shop_icon.png) no-repeat 0 -86px; padding-left:20px; color:#999;} */
 .Shop002333 .cartbtns{text-align:right;}
 .Shop002333 .cartbtns a{background: #fcc617;padding: 0 2em;line-height: 3.2;display: inline-block;text-align: center;color: #131313;margin-right: 15px;font-size:  1.142em;border-radius: 5px;}
 /* .Shop002333 a.cartsubmit{ color:#fff; background:#da291c;} */
 
 
 .Shop002333 .item{border-bottom: 1px solid #f2f2f2;}
 .Shop002333 .item-inner{  color: #666;}
 .Shop002333 .item-head{ font-size: calc(16 / 16 * 1em); padding: 16px 12px; position: relative;  display: table; width: 100%; text-align: center; font-weight: bold;color: #111;border-bottom: 1px solid #f1f1f2;}
 /* .Shop002333 .item-head:before{ content: ""; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #111;} */
 .Shop002333 .item-head em{ font-style: normal;}
 .Shop002333 .item-head span{display: table-cell;width: 20%;font-size: calc(16 / 14 * 1em);}
 .Shop002333 .item-head .span1{ width: 40%;text-align: left;padding-left: 40px;}
 
 .Shop002333 .item-list{ display: table; width: 100%; text-align: center; line-height: 1.425;}
 .Shop002333 .item-td{ display: table-cell; vertical-align: middle; padding: 20px 14px; width: 20%;font-size: calc(16 / 14 * 1em);}
 .Shop002333 .item-td+.item-td{ }
 .Shop002333 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;}
 .Shop002333 .pro{ width: 40%; position: relative; padding-left: 40px;}
 .Shop002333 .pro .pic{position: relative;max-width: 104px;display: table; float: left; height: 97px; width: 45%;}
 .Shop002333 .pro .pic a{ display: table-cell; vertical-align: middle;}
 .Shop002333 .pro .pic a img{ max-width: 100%;max-height: 97px;}
 .Shop002333 .pro .tit { padding-left: 15px; text-align: left;display: table; float: left; height: 97px; width: 55%;}
 .Shop002333 .pro .tit a{ display: table-cell; vertical-align: middle;font-size: calc(14 / 16 * 1em);color: #666;}
 .Shop002333 .pro .tit a b{font-size: 1.22em;color: #000;margin-bottom: 0.26em;display: inline-block;}
 .Shop002333 .item-td.gw{padding-right: 28px;}
 @media only screen and (max-width:1024px ) {
     .Shop002333{ padding:20px;}
     .Shop002333 .item-head > *{ display: block;}
     .Shop002333 .item-head .total{ float: none;}
     .Shop002333 .item-head .span1{ padding-left: 0px;}
     .Shop002333 .item-head span:not(.span1){ display: none;}
     .Shop002333 .item-td{ float: left; width: 30%; word-break:break-word; word-wrap: break-word; display: table; height: 80px;}
     .Shop002333 .item-td:nth-child(2){width: 50%; position: relative;}
     .Shop002333 .item-td:nth-child(4){width: 20%;padding-right: 0}
     .Shop002333 .item-td+.item-td>*{ display: table-cell; vertical-align: middle;}
     .Shop002333 .item-td .m_numberSelect{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
     .Shop002333 .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;padding-left: 0}
     
     .Shop002333 .cartall{flex-wrap: wrap;}
     .Shop002333 .cartbtns{margin-top: 20px}

 }





.individual .content{display: flex;}
.individual .menu{width: 22%; background: #fff;border-radius: 10px;}
.individual .menu ul{padding: 30px 0;}
.individual .menu ul li a {display: flex; align-items: center; padding:7.6923% 15.385%;}
.individual .menu ul li a span{font-size: calc(18 / 16 * 1em); color: #333; max-width: calc(100% - 52/20 * 1em);}
.individual .menu ul li a .icon{margin-right: 1em; width: calc(36/16 * 1em); border-radius: 50%; height: calc(36/16 * 1em); background:#fcc617 no-repeat center center; }
.individual .menu ul li.active a{background-color: #f1f7ff;}
.individual .menu ul li.active a span{color: #fcc617; }
.individual .menu ul li.active a .icon{background-color: #fcc617;}
.individual .menu ul li a .icon.a1{background-image: url(../images/order_01.svg);background-size: 46.2% auto;}
.individual .menu ul li a .icon.a2{background-image: url(../images/order_02.svg);background-size: 40% auto;}
.individual .menu ul li a .icon.a3{background-image: url(../images/order_03.svg);background-size: 46.2% auto;}
.individual .menu ul li a .icon.a4{background-image: url(../images/order_04.svg);background-size: 46.2% auto;}
.individual .menu ul li a .icon.a5{background-image: url(../images/order_05.svg);background-size: 46.2% auto;}

.individual .order{width: 75%;margin-left: 3%;}
.individual .Personal{background-color: #fff;padding: calc(40/16 * 1em) calc(40 / 16 * 1em); border-radius: 10px;}
.individual .Personal .pho{background: #fcc617;border-radius: 50%;width: calc(86 / 16 * 1em);height:calc(86 / 16 * 1em);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.individual .Personal .pho .ico{width: 50.8%;}
.individual .Personal .Pertit{display:block; border-bottom: 2px solid #eee;color: #fcc617;margin-bottom: calc(50 / 16 * 1em);}
.individual .Personal .Pertit span{color: #fcc617;padding-bottom: calc(24/24 * 1em);position: relative;display: inline-block; font-size: calc(24/16 * 1em); font-weight: bold;}
.individual .Personal .Pertit span::before{content: '';display: block;height: 4px;background-color: #fcc617;position: absolute;bottom: -2px;left: 0;width: 100%;}
.individual .Personal .Perform .item{ margin-bottom: calc(25 /16 * 1em);display: flex;flex-wrap: wrap;align-items: center;}
.individual .Personal .Perform .item .lable{font-size: calc(18 / 16 * 1em); color: #666; line-height:calc(55 / 18 * 1em);width: calc(120 / 18 * 1em); text-align: right;  padding-right: calc(18 / 18 * 1em);}
.individual .Personal .Perform .item .input{flex: 1;max-width:calc(600 /16 * 1em) ;}
.individual .Personal .Perform .item .text{width: 100%;  border-radius: 10px;border: solid 1px #eee;font-size: calc(18 / 16 * 1em);line-height: calc(55 / 18 * 1em);height: calc(55 / 18 * 1em);background: #f9f9f9;padding: 0 calc(18 /16 * 1em);color: #666;}
.individual .Personal .Perform .item-tips{font-size: 12px;color: #666;padding: 0 calc(120 / 12 * 1em);margin-top: -.6vw;margin-bottom: calc(20 / 12 * 1em);}
.individual .Personal .Perform .itG .text{background: #fff;}

.individual .Personal .Perform .btn a{display: inline-block;font-size: calc(18 / 16 * 1em);padding: calc(15 /18 * 1em) calc(35 /18 * 1em);background-color: #fcc617;text-align: center;color: #131313;border-radius: calc(50 /18 * 1em);margin-top: calc(20 /18 * 1em);cursor: pointer;border: 1px solid #fcc617;}
.individual .Personal .Perform .btn:not(:last-child) {margin-right: calc(15 /18 * 1em);}
.individual .Personal .Perform .xgmm_btn{ border:1px solid #fcc617; background-color: #fff;color: #fcc617;}
.individual .Personal .Perform .xgmm_btn:hover{background-color: #fcc617;color: #fff;}

.individual .Personal .perTap{display:block; border-bottom: 2px solid #eee;color: #fcc617;margin-bottom: calc(40 / 16 * 1em);}
.individual .Personal .perTap span{color: #131313;padding-bottom: calc(24/24 * 1em);position: relative;display: inline-block; font-size: calc(24/16 * 1em);}
.individual .Personal .perTap span+span{margin-left: 3.2vw;}
.individual .Personal .perTap span a:hover{color: #fcc617;}
.individual .Personal .perTap .on::before{content: '';display: block;height: 4px;background-color: #fcc617;position: absolute;bottom: -2px;left: 0;width: 100%;}
.individual .Personal .perTap .on a{color: #fcc617; font-weight: bold;}

@media(max-width:1024px){
    .individual .content{flex-wrap: wrap}
    .individual .menu{width: 100%;height: auto;margin-bottom: 15px}
    .individual .menu ul{padding: 10px 0}
    .individual .menu ul li a{padding: 15px}
    .individual .order{width: 100%;margin-left: 0}
    .individual .Personal{padding: 15px}
}


.orderBox .orList{width:100%;background: #f8f8f8;border-radius: 10px;padding: calc(26 / 16 * 1em) calc(30 / 16 * 1em) calc(30 / 16 * 1em);}
.orderBox .orList+.orList{margin-top: calc(20 / 16 * 1em);}
.orderBox .orList h2{ font-size:20px; margin:0; max-height:60px; overflow:hidden;margin-bottom: 8px;border-bottom: 1px dashed #d6d6d6;padding-bottom: calc(20 / 20 * 1em);margin-bottom: calc(24 / 20 * 1em);}
.orderBox .orList .txt1{width: 100%;display: flex;flex-wrap: wrap;}
.orderBox .orList .txt1 p{margin: 0;}
.orderBox .orList .txt1 p+p{margin-left: 7%;}
.orderBox .orList .txt2{margin-top: calc(8 / 16 * 1em);}
.orderBox .orList .txt3{margin-top: calc(8 / 16 * 1em);}
.orderBox .orList .txt1+.txt1{margin-top: calc(8 / 16 * 1em);}

.orderBox .orList .docume{background: #fcc617;color: #fff;display: inline-block;height:calc(38 / 16 * 1em);line-height: calc(38 / 16 * 1em);padding: 0 calc(20 / 16 * 1em);border-radius: 6px;margin-top: calc(24 / 16 * 1em);border: 1px solid #fcc617;}
.orderBox .orList .docume+.docume{margin-left: .5vw;}
.orderBox .orList .orBto{display: flex;}
.orderBox .orList .orBto .time{background: unset;border: 1px solid #c2c2c2;color: #666;}
.orderBox .orList .orBto .dow{max-width: calc(320 / 16 * 1em);overflow: hidden;}

.individual .Personal .Perform .item .send {padding: 0 calc(20 / 14* 1em);line-height: calc(55 / 14* 1em);text-align: center;color: #131313;background: #fcc617;border-radius: calc(10 / 14* 1em);margin-left: calc(15 / 14* 1em);font-size: calc(14 / 16 * 1em);}
.individual .Personal .Perform .item .yzm{display: flex;}
.individual .Personal .Perform .item .yzm input{flex: 1;}




/* 订单列表 */
.Form002337 .borBox .box-left{width: 100%;}
.borBox{padding: 0;}
.borBox .item-head {background: #f5f5f5;}
.borBox .item-head span{width: 25%;}
.borBox .item-td{width: 25%;}
.borBox .pro{width: 40%;}
.borBox .item-head p{margin: 0;text-align: left;}
.borBox .item-head p time{padding-right: 3em;padding-left:1em;}
.borBox .item-head p b{padding-left: 3em;}
.borBox .item-head .status{font-size: 16px;width: unset;padding: 0 16px;color: #e2291c;}
.borBox .box-de{color: #fff;text-align: center;line-height:2.8em;font-size: calc(14 / 16 * 1em);display: inline-block;background: #e8190e;padding: 0 1.6em;}
.borBox .myDd{display: flex;align-items: center;justify-content: space-between;}
.Form002337 .borBox .item{margin-bottom: 3em;}
.borBox .item{border: 1px solid #f2f2f2;}
.borBox .it-lits + .it-lits{margin-top: calc(36 / 16 * 1em);}
.borBox .list-bot{display: flex;justify-content: end;}
.borBox .list-bot .btn a{display: inline-block;font-size: calc(16 / 16 * 1em);padding: calc(12 /18 * 1em) calc(28 /18 * 1em);background-color: #fcc617;text-align: center;color: #131313;border-radius: 5px;margin-top: calc(20 /18 * 1em);cursor: pointer;border: 1px solid #fcc617;}
.borBox .list-bot .btn:not(:last-child) {margin-right: calc(15 /18 * 1em);}
.borBox .list-bot .xgmm_btn{ border:1px solid #fcc617; background-color: #fff;color: #fcc617;}
.borBox .list-bot .xgmm_btn:hover{background-color: #fcc617;color: #fff;}
.borBox .list-bot .btn .qx{color: #666;background: #f5f5f5;border: #f5f5f5;}

@media(max-width:1024px){
    .borBox .myDd{flex-wrap: wrap;}
    .borBox .item-head p time,
    .borBox .item-head p b{width: 100%;display: block;padding: 0;margin: 5px 0}
    
    .Shop002333 .item-list{display: flex;flex-wrap: wrap}
    .borBox .item-td{width: 50%}
    .borBox .item-td:nth-child(2){display: flex;align-items: center}
    .borBox .item-td:nth-child(2) b{margin-right: 10px}
    .borBox .pro{width: 100%;padding-left: 15px}
    
}


/*PicList001886*/
.PicList001886 .auto{}
.PicList001886 dl{ display:table; width:100%; padding:3% 0 3% 3.6%;background: #fff;margin-bottom: 20px;border-radius: 10px;border: 1px dashed #ccc;}
.PicList001886 dl dd{ display:table-cell;vertical-align:middle;}
.PicList001886 dl dd.price{ width:23%;  text-align:center;}
.PicList001886 dl dd.price p{ color:#999;}
.PicList001886 dl dd.price span{ font-size:30px; color:#fcc617;}
.PicList001886 dl dd.price a{ display:block; margin:0 auto; width:62%; color:#fcc617; line-height:38px;background: #fff;border-radius: 4px;border: 1px solid #fcc617;}
.PicList001886 dl dd.price a:hover{background: #fcc617;color: #fff;}
.PicList001886 dl dd.price b{display: block;font-size: calc(14 / 16 * 1em);margin-bottom: calc(8 / 16 * 1em);}
.PicList001886 dl .pic{ width:28%; float:left;}
.PicList001886 dl .pic img{ display:block; width:90%;}
.PicList001886 dl div{ line-height:30px; }
.PicList001886 dl .flex{align-items: center;}
.PicList001886 dl h2{ font-size:20px; margin:0; max-height:60px; overflow:hidden;margin-bottom: 8px;margin-top: 8px;}
.PicList001886 dl p{ margin:0;}
.PicList001886 dl figure{ padding-top:calc(20 / 16 * 1em);}
.PicList001886 dl figure span{ float:left;margin-right:8px; height:28px; line-height:29px; padding:0 10px;color:#5c3407;background:linear-gradient(to right , #f4ebe1 ,#ecdece); margin-bottom:1px;border-radius: 4px;}
.PicList001886 dl figure span.color1{ background:#eeeeee;color: #666;}
.PicList001886 dl figure span.color2{ background:#eeeeee;color: #666;}
.PicList001886 dl figure span.color3{ background:#eeeeee;color: #666;}
/* .PicList001886 .pt-2{padding-top: 3.4%;} */
.PicList001886 .txt{display: flex;flex-wrap: wrap;}
.PicList001886 .txt p{width: 40%;}
.PicList001886 .letxt{width: 86%;display: flex;align-items: center;}

.PicList001886 .liBot{text-align: right;font-size: 14px;padding: calc(16 / 16 * 1em) calc(38 / 16 * 1em) calc(10 / 16 * 1em);}
.PicList001886 .liBot .btn{height:36px;line-height: 36px;background:#fcc617;color:#fff; display: inline-block; border-radius: 5px;width: calc(108 / 16 * 1em);text-align: center;margin-left:calc(5 / 16 * 1em);cursor: pointer;border: 1px solid #fcc617}
.PicList001886 .liBot .btn.ly{background: #fff;color: #fcc617;}
.PicList001886 .liBot .btn+.btn{margin-left: calc(24 / 16 * 1em);}

@media(max-width:1200px){
    .PicList001886 .auto{ padding:0; margin:2%;}
}
@media(max-width:768px){
    .PicList001886 dl dd.price span{ font-size:24px;}
    .PicList001886 dl div{line-height:24px;}
    .PicList001886 dl h2{max-height:48px;}
}
@media(max-width:640px){
    .PicList001886 dl{ padding:4%; display:block;}
    .PicList001886 dl .pic,
    .PicList001886 dl div{ float:none; width:auto;}
    .PicList001886 dl div{ padding-top:3%;flex-wrap: wrap;}
    .PicList001886 .letxt{width: 100%}
    .PicList001886 dl dd{ display:block;}
    .PicList001886 dl dd.price{ margin-top:3%;border-left:0;width: 100%}
    .PicList001886 dl dd.price p{ margin-bottom:15px;}
    .PicList001886 dl dd.price a{ max-width:100px;}
    .PicList001886 dl figure{ padding-top:10px;}
    .PicList001886 dl figure span,
    .PicList001886 dl dd div p{ font-size:12px;}
}

.PicList001886 dl{position: relative;}
.PicList001886 dl .tag{position: absolute;left: 16px;top: 16px;width: calc(28 / 16 * 1em);height: calc(28 / 16 * 1em);background: url(../images/tag_ico.svg) no-repeat;background-size: 100% auto;}






.singpage{padding: 5% 0;min-height: 70vh}
.singpage .title{text-align: center;font-size: 2em;color: #333;font-weight: bold;padding-bottom: 3%;}
.singpage .intro{line-height: 2;}

.pro_select { padding: 30px 0 0; background-color: #f5f5f7; font-size: 1em;}
.pro_select dl{ display: flex; background-color: #fff; border-bottom: 1px solid #ddd; }
.pro_select dt{ flex-shrink: 0; width: calc(140 / 16 * 1em); background-color: #000;color: #fff; text-align: center; padding:1em .5em; display: flex; align-items: center; justify-content: center;}
.pro_select dd{ flex: 1; padding:1em 2.5em 1em 2em; position: relative;}
.pro_select dd ul{ display: flex; flex-flow: wrap; gap:.2em 1em; transition: all 0.5s; height: auto;overflow: hidden;}
.pro_select dd li{ min-width: calc((100% - 1em * 5 ) / 6); line-height: 1.2;}
.pro_select dd ul.hidden{ height: calc( 25 / 16 * 1em); }
.pro_select .filter dd .ul{ height: auto; overflow: initial;}
.pro_select dd a{ display: inline-flex; padding: .1em .3em; border-radius: 5px; border: 1px solid #fff; transition: all 0.5s; color: #262626;}
.pro_select dd .on a,
.pro_select dd a:hover{background: #a00b0b; border: 1px solid #a00b0b; color: #fff; }
.pro_select dd .icon{ position: absolute; right: 0; top: 0; width: 2em; height: 100%; background-color: #a00b0b; cursor: pointer;}
.pro_select dd .icon i{ position: absolute; left: 50%; top: 50%; width: calc(10 / 16 * 1em); height:calc(10 / 16 * 1em); border: solid #fff; border-width: 0 1px 1px 0; transform: translate(-50%,-50%) rotate(45deg); transition: all 0.5s; }
.pro_select dd .icon.active i{ transform: translate(-50%,-50%) rotate(-135deg); margin-top: .3em;}
.pro_select .filter li{ position: relative;}
.pro_select .filter li a{ display: flex; align-items: center; justify-content: space-between; margin-right: 5%;}
.pro_select .filter li a::after{ content: ''; display: inline-flex; width: calc(8 / 16 * 1em); height:calc(8 / 16 * 1em); border: solid #666; border-width: 0 1px 1px 0; transform: rotate(45deg); flex-shrink: 0; margin-left: 10px; }
.pro_select .list{ width: 400%; position: absolute; left: 0; top: 100%; padding-top: 15px; display: none; }
.pro_select .list .box{ display: flex; flex-wrap: wrap; background-clip: padding-box; background-color: #fff; border-radius: 4px;  box-shadow: 0 1px 10px rgba(0, 0, 0, .2);  white-space: nowrap; width: 100%; padding: 8px 16px; position: relative; }
.pro_select .list .box::before{ content: ''; position: absolute; left: 20px; top: -15px; border: 8px solid transparent; border-bottom-color: #fff;}
.pro_select .list .box label{ width: 33.33%; padding-right: 10px; margin: 5px 0; cursor: pointer;}
.contrast_tit{ text-align: center; line-height: 1.6; font-size: calc( 20 / 16 * 1em); color: #333; }

@media(max-width:780px){
.pro_select dt{ font-size: .9em;}
    .pro_select dd {overflow: hidden;padding: .5em; padding-right:2.4em;}
	.pro_select dd li {width: auto;}
	.pro_select dd ul { }
	.pro_select dd ul::-webkit-scrollbar {
      height: 6px;
}
.pro_select dd ul.hidden{height: calc(22 / 16 * 1em)}

.pro_select dd ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.pro_select dd ul::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 3px;
}

.pro_select dd ul::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.pro_select dd ul {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
} 
}

.contrast_table{ position: relative; background-color: #fff;border: 1px solid #e5e5e5;}
.contrast_table .inner{ white-space: nowrap; display: flex; }
.contrast_table .swiper-wrapper {
    padding-left: 0; /* 根据第一个元素的宽度调整 */ position: relative;
}
.contrast_table .flexbox{ display: flex; white-space: nowrap;   background-color: #fff; cursor: move;}
.contrast_table .ul{ width: calc( 250 / 16 * 1em); background-color: #fff;  }
.contrast_table .ul_title{ position: absolute; left: 1px; width: 180px; z-index: 10; }
.contrast_table li{ height: calc( 40 / 16 * 1em); line-height: calc(40 / 16 * 1em); border: 1px solid #e5e5e5; margin-left: -1px; margin-top: -1px; padding:0 10px;}
.contrast_table li:first-child{ height: calc( 150 / 16 * 1em); display: flex; flex-flow: column wrap; align-items: center; justify-content: center; }
.contrast_table li .info img{ width: calc( 80 / 16 * 1em); height: calc( 80 / 16 * 1em); object-fit: contain; -webkit-object-fit: contain;} 
.contrast_table li .info p{ margin: 10px 0 0;}

.prodetail .parameter .ul{ display: flex; flex-wrap: wrap; width: 100%; margin: 2% 0;}
.prodetail .parameter li{ display: flex; width: 50%;border: 1px solid #ededed;}
.prodetail .parameter li aside{ width: 50%; padding:0px 10px;}
.prodetail .parameter li aside:first-child{background: #f7f7f7;}




@media(max-width:640px){
    .prodetail .parameter li{ width: 100%;}
	
}

.Personal .column {
    height: 40px;
    color: #333;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 30px;
}

.Personal .flex_js_ac {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Personal .column a{
    color: #fcc617;
    cursor: pointer;
}

.my_address .flex_js {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.my_address li{width: 49%; margin-bottom: 2%; border: solid 1px #e8e8e8; padding:30px 2.5%; position: relative}
.my_address li span{display: block;}
.my_address li i{font-style: normal;padding-left: 1.5vw}
.my_address li p{padding-top: 15px; padding-bottom:25px}
.my_address li.default:before{content: '默认地址';position:absolute; padding: 0px 6px; line-height: 20px; left: 0; top: 0; color: #fff;background: #fcc617; font-size: 12px; border-bottom-right-radius: 5px;}
@media(max-width:1024px){
.my_address li{width:100%; }
.my_address li p{padding-bottom: 15px}
}
.my_address li.select {
    border-color: #fcc617
}

.operate a{position: relative; padding-left: 24px; cursor: pointer}
.operate a:not(:hover){color: #666666}
.operate a:before{content: ''; position: absolute; left: 0; width: 24px; height: 100%; background: no-repeat center center}
.operate a:not(:hover):before{filter: grayscale(100%) brightness(50%); }
.operate a.edit:before{background-image: url("../images/a_edit.svg")}
.operate a.delete:before{background-image: url("../images/a_delete.svg")}
.operate a:not(:last-child){margin-right:1.5vw}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.popup .outbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 740px;
}

.popup .inbox {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.popup .title{background: #f2f2f2; font-size: 18px;padding: 10px 30px; line-height: 40px;color: #333333;}
.popup .close{ position: relative; width: 30px; height: 30px; cursor: pointer}
.popup .close:before,
.popup .close:after{content: ''; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 50%; height: 1px; background: #373737}
.popup .close:before{transform: rotate(45deg)}
.popup .close:after{transform: rotate(-45deg)}
.popup .box{padding: 20px 30px; font-size: 16px;}
.popup .item-box{margin-bottom: 20px; line-height: 48px; max-width: 630px;}
.popup .biaoti{text-align: right;width: 110px; margin-right: 20px; font-weight: 500}
.popup .label{padding-left: 20px; font-weight: 500; position: absolute; color: #999999}
.popup .item{flex: 1}
.popup .text{padding-left: 20px; width: 100%; border: solid 1px #ededed; height: 48px;}
.popup select{ border: solid 1px #ededed; height: 48px;}
.popup .btn-box{padding-top: 10px;}
.popup .btn-box .item{display: flex; justify-content: space-between}
.popup .btn-box .btn{display: inline-block; color: #fff; text-align: center; width: 48%; background: #fcc617; cursor: pointer; border: none}
.popup .btn-box .btn:hover{background: #fcc617;}
.popup .btn-box .btn.btn_reset{color: #666666; background: #ededed}
.popup .btn-box .btn.btn_reset:hover{background: #bfbfbf}
.popup .type{max-width: 300px;}
.popup .type span{width: 48%; border: solid 1px #ededed; text-align: center; cursor: pointer}
.popup .type span.show{color: #fcc617; border-color: #fcc617}

.popup .item label{display: inline-block; font-weight: 500;}
.popup .city-area .item{display: flex; justify-content: space-between}
.popup .city-area .item select{width: 32%; font-size: 14px; color: #999999}

.payment-address {
    background: #fff;
    border-radius: 6px;
    padding: 6px 30px 30px;
}
.payment-address .column {
    height: 40px;
    color: #333;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 30px;
}

.payment-address .flex_js_ac {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment-address .column a{
    color: #fcc617;
    cursor: pointer;
}


/*Pages*/
.Pages {padding:5% 0;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end {
  display: none;
}
.Pages .p_page {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}
.Pages .num {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  justify-content: center;
  font-style: normal;
}
.Pages a {
  display: block;
  margin: 0 0.15rem;
  color: #666;
  background: #f5f5f5 no-repeat center center;
  background-size: auto 1em;
  min-width: 3.125em;
  text-align: center;
  line-height: 3.125em;
  border-radius: 1.5625em;
  height: 3.125em;
  padding: 0 0.04rem;
}
.Pages a:hover,
.Pages .a_cur {
  color: #fff;
  background-color: #131313;
}
.Pages .a_prev,
.Pages .a_next {
  text-indent: -99999em;
  overflow: hidden;
}
.Pages .a_prev {
  background-image: url(../images/pages_prev_01.svg);
}
.Pages .a_prev:hover {
  background-image: url(../images/pages_prev_02.svg);
}
.Pages .a_next {
  background-image: url(../images/pages_next_01.svg);
}
.Pages .a_next:hover {
  background-image: url(../images/pages_next_02.svg);
}
@media only screen and (max-width: 768px) {
  
}

/* 添加more_btn的样式 */
.more_btn {
	display: block; 
	width: calc(140 / 16 * 1em);
	height:calc(50 / 16 * 1em);
	background: #a00b0b;
	position: relative;
	 cursor: pointer;
}
.more_btn:after{ content:''; position: absolute; left: 50%; top: 50%; width: calc(20 / 16 * 1em); height:calc(20 / 16 * 1em); border: solid #fff; border-width: 0 2px 2px 0; transform: translate(-50%,-50%) rotate(45deg); transition: all 0.5s; margin-top: -.3em;}
@media only screen and (max-width: 780px) {
.more_btn {width: calc(140 / 16 * .9em);}
}

.expanded .more_btn:after {transform: translate(-50%,-50%) rotate(-135deg); margin-top: .35em;}
.pro_select .hidden-dls {
	display: none;
}
.pro_select.expanded .hidden-dls {
	display: block;
}