@charset "utf-8";
@import url("icon/iconfont.css");

body { font: 12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin: 0 auto; padding: 0; background: #fff; overflow-x: hidden; color: #333; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

/*链接整体设置*/
a { text-decoration: none; color: #333; transition: all .15s; }
a:hover { color: #c00; }
a:active { color: #333; }
a { blr: expression(this.onFocus=this.close()); }
a { blr: expression(this.onFocus=this.blur()); }
div:focus, *:focus, a:focus, input:focus, button:focus, textarea:focus, select:focus { outline: none; hide-focus: expression(this.hideFocus=true); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
input[type=button], input[type=submit], input[type=file], button, select { -webkit-appearance: none; }

/*公用样式*/
div, table, tr, td, img, ul, li, ol, h1, h2, h3, h4, h5, h6, p, em, i, font, span, b, dl, dt, dd, form, textarea, input, select, a, button { margin: 0; padding: 0; font-style: normal; font-family: "Microsoft YaHei"; box-sizing: border-box; }
ul, ol { list-style-type: none; }
h1, h2, h3, h4 { font-weight: 500; }
img { border: none; -ms-interpolation-mode: bicubic; -o-object-fit: cover; object-fit: cover; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear0 { clear: both; font-size: 0px; height: 0px; overflow: hidden; }
.hidden { display: none; }
.w { max-width: 1400px; width: 85%; margin: 0 auto; max-height: 999999px; }
.comflex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.comflex1 { display: flex; flex-wrap: wrap; }
.comflex2 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.comflex3 { display: flex; flex-wrap: wrap; align-items: center; }
.comflex5 { display: flex; flex-wrap: wrap; justify-content: center; }
.comflex4 { display: -webkit-flex; -webkit-flex-flow: row-reverse wrap; display: flex; flex-flow: row-reverse wrap; justify-content: space-between; }
.comflex6 { display: -webkit-flex; -webkit-flex-flow: row-reverse wrap; display: flex; flex-flow: row-reverse wrap; justify-content: space-between; align-items: center; }
.pic { position: relative; width: 100%; overflow: hidden; transition: all .6s; display: block; }
.dfimg { display: block; width: 100%; }
.pic_w { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pic_w a { display: block; }
@font-face { font-family: impact; src: url('../images/impact.ttf'); }

/*header*********************************************************************/
.head { position: relative; z-index: 505; height: 250px; background: #fff; }
.h_txt { width: 100%; background: #f5f5f5; line-height: 45px; font-size: 16px; color: #666; position: relative; z-index: 501; }
.h_txt a { margin-right: 20px; color: #666; }
.h_txt a:last-child { margin-right: 0; }
.h_txt a.log_but { color: #c00; }
.myorders { position: relative; margin-right: 20px; background: url(../images/point1.png) center right no-repeat; background-size: 9px 6px; padding-right: 20px; }
.myorders i { display: none; position: absolute; left: -10px; right: -10px; top: 100%; box-shadow: 0 10px 16px 0 rgba(0,0,0,.05); border-radius: 0 0 5px 5px; background: #fff; text-align: center; }
.myorders a { display: block; margin: 0 !important; }
.myorders:hover i { display: block; }
.h_cart img { margin-right: 5px; height: 19px; }
.h_txt a:hover { color: #c00; }
.h_top { width: 100%; position: relative; z-index: 500; }
.h_top .w { align-items: center; height: 140px; }
.h_lf { width: 39.28571428571429%; justify-content: space-between; }
.logo { width: 42.90909090909091%; }
.logo a { display: block; }
.logo img { display: block; width: 100%; }
.hrt { max-width: 55%; }
.h_tell { padding-right: 42px; margin-right: 38px; border-right: 1px solid #e5e5e5; }
.h_tell img { margin-right: 17px; height: 42px; }
.h_tell { line-height: 1; }
.h_tell em { font-size: 16px; color: #666; }
.h_tell p { font-size: 35px; color: #c00; font-family: "impact"; margin-top: 8px; }
.dropdown { position: relative; }
.dropdown em { padding: 0 40px 0 18px; text-transform: uppercase; transition: all 0.6s; color: #999; font-family: "Arial"; border: 1px solid #e4e4e4; border-radius: 4px; font-size: 16px; background: url(../images/point1.png) center right 8px no-repeat; background-size: 9px 6px; line-height: 38px; }
.dropdown img { height: 14px; margin-left: 9px; }
.dropdown p { left: 0; line-height: 2.6; overflow: hidden; position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 10px 16px 0 rgba(0,0,0,.05); border-radius: 0 0 5px 5px; height: 0; opacity: 0; font-size: 14px; text-align: center; }
.dropdown p a { color: #666; text-transform: uppercase; }
.dropdown p a:hover { background: rgba(0,0,0,.05); }
.dropdown.hover p { height: auto; opacity: 1; }
.search { width: 48.8%; }
.search_form { width: 100%; position: relative; overflow: hidden; }
.s_intxt { border: 2px solid #e4e4e4; display: block; padding: 8px 20px; line-height: 1.5; background: #fff; font-size: 16px; color: #333; width: 100%; }
.s_inbut { border: none; cursor: pointer; position: absolute; top: 50%; width: 20px; height: 20px; transform: translate(0,-50%); right: 15px; overflow: hidden; background: url(../images/search.png) center top no-repeat; background-size: cover; font-size: 0; }
.head-fixed { position: relative; width: 100%; background: #c00; height: 65px; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 1s all ease; transition: 1s all ease; }
.nav { width: 100%; }
.nav .plebans { font-size: 20px; line-height: 65px; }
.nav .plebans:after { content: ''; display: none; position: absolute; left: 51%; right: 51%; bottom: 24px; height: 3px; font-size: 0; overflow: hidden; background: #fff; transition: all 0.6s; }
.nav .plebans a { display: block; color: #fff; padding: 0 64px; transition: all 0.6s; }
.nav li { position: relative; min-width: 11.725%; text-align: center; margin-right: 1px; }
.nav li._users { display: none }
.nav li.on .plebans a, .nav li.cur .plebans a { background: #ae0000; }
.nav li.on .plebans:after, .nav li.cur .plebans:after { left: 0; right: 0; }
.nav_bg { display: none; }
.goutp { opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; position: absolute; top: 100%; z-index: 510; box-shadow: 0 6px 16px 0 rgba(0,0,0,.05); left: 50%; width: 110px; margin-left: -55px; background: #fff; border-radius: 0 0 5px 5px; text-align: center; }
.goutp:before { content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%,0); top: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; font-size: 0; overflow: hidden; }
.goutp dd { font-size: 18px; line-height: 3; position: relative; }
.goutp dd a { display: block; /*border-bottom: 1px solid #dedede;*/ }
.goutp dd:last-child a { border-radius: 0 0 5px 5px; border-bottom: none; }
.goutp dd a:hover { color: #c00; /* background: #eee;*/ }
.nav li.on .goutp { opacity: 1; visibility: visible; transform: translateY(0px); }
/*.nav li:nth-child(2) .goutp { width: 280px; margin-left: -140px; text-align: left; }
.nav li:nth-child(2) .goutp em { display: block; position: relative; }
.nav li:nth-child(2) .goutp em a { padding-left: 40px; }

.nav li:nth-child(2) .goutp em .jd1 { position: absolute; left: 16px; top: 50%; transform: translate(0,-50%); width: 14px; height: 10px; background: url(../images/point4_1.png) 0 0 no-repeat; background-size: cover; }

.nav li:nth-child(2) .goutp .txt { position: absolute; z-index: 511; left: 100%; top: 0; background: #fff; width: 100%; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; }
.nav li:nth-child(2) .goutp dd:last-child .txt, .nav li:nth-child(2) .goutp dd:nth-last-child(2) .txt { bottom: 0; top: auto; }
.nav li:nth-child(2) .goutp .txt p a { border-radius: 0; border-bottom-color: #fff; padding-left: 40px; background: url(../images/point5.png) left 20px center no-repeat; background-size: 4px 7px; }
.nav li:nth-child(2) .goutp .txt p a:hover { font-weight: 500; border-bottom-color: #fff; background-color: #fff !important; }
.nav li:nth-child(2) .goutp dd.hover em a { background: #eee; color: #c00; }
.nav li:nth-child(2) .goutp dd.hover em .jd1 { background-image: url(../images/point4_2.png); }
.nav li:nth-child(2) .goutp dd.hover .txt { opacity: 1; visibility: visible; transform: translateY(0px); }*/
/*2026-7-29*/
.nav li:nth-child(2) .goutp { width: 580px; padding: 15px 0; margin-left: -140px; text-align: left; }
.nav li:nth-child(2) .goutp:before { left: 24.2%; }
.nav li:nth-child(2) .goutp dd { width: 50%; border-right: 1px solid #eee; padding-left: 15px; }
.nav li:nth-child(2) .goutp dd:last-child { border-right: none; }
.nav li:nth-child(2) .goutp dd a { border-bottom: none; }
.nav li:nth-child(2) .goutp dd a:hover { color: #c00; background: #fff; }

/*2026-7-29*/

#index .head .nav li._index .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }
#goods .head .nav li._goods .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }
#app .head .nav li._app .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }
#link .head .nav li._cart .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }
#cart .head .nav li._cart .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }
#contact .head .nav li._contact .plebans a { background: #ffffff; color: #CC0000; font-weight: bold }

.head_on { box-shadow: 0 0 6px 0 rgba(0,0,0,.2); position: fixed; top: 0; left: 0; right: 0; }

/*2026-6-23*/
.nav li:nth-child(3) .goutp { width: 580px; padding: 15px 0; margin-left: -140px; text-align: left; }
.nav li:nth-child(3) .goutp:before { left: 24.2%; }
.nav li:nth-child(3) .goutp dd { width: 50%; border-right: 1px solid #eee; padding-left: 15px; }
.nav li:nth-child(3) .goutp dd:last-child { border-right: none; }
.nav li:nth-child(3) .goutp dd a { border-bottom: none; }
.nav li:nth-child(3) .goutp dd a:hover { color: #c00; background: #fff; }
.tit_txt { text-align: center; margin-top: 25px; }
.tit_txt em { display: block; font-size: 24px; color: #666; }
.tit_txt p { color: #999; font-size: 18px; padding: 0 15%; margin-top: 15px; }
/*2026-6-23*/


.sanh { width: 50px; padding: 10px; position: fixed; right: calc(4% - 15px); top: 0; margin-top: 10.5px; display: none; }
.sanh > div { height: 5px; margin: 10px 0px; width: 100%; transition: transform 0.5s,opacity 0.5s; }
.sanh > div { background-color: #c00; }
.tesd > div { background-color: #c00 !important; }
.tesd > div:nth-child(1) { transform: translate3d(0px,15px,0px) rotate(45deg); }
.tesd > div:nth-child(2) { opacity: 0; }
.tesd > div:nth-child(3) { transform: translate3d(0px,-15px,0px) rotate(-45deg); }

.banner { z-index: 25; }
.banner .w { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 26; }
.banner img { display: block; width: 100%; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide .pic img { width: 100%; margin: 0; }
.banner .swiper-slide .pic { width: 58.57142857142857%; transform: translateX(-100px); opacity: 0; }
.banner .swiper-slide .txt { width: 41.42857142857143%; text-align: right; padding: 0 5% 0 5.5%; transform: translateX(100px); opacity: 0; }
.banner .swiper-slide .txt h3 { font-size: 48px; font-weight: bold; }
.banner .swiper-slide .txt .txtc { font-size: 24px; line-height: 1.25; margin-top: 30px; }
.banner .swiper-slide .txt .more { justify-content: flex-end; margin-top: 50px; }
.banner .swiper-slide.swiper-slide-active .pic, .banner .swiper-slide.swiper-slide-active .txt { transition: all 1s ease 1s; transform: translateX(0); opacity: 1; }
.banner .swiper-button-prev { left: 0; }
.banner .swiper-button-next { right: 0; }
.banner .swiper-button-prev:after, .banner .swiper-button-next:after { color: rgba(0,0,0,.3); font-size: 50px; }
.banner .swiper-pagination { bottom: 4.285%; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; background: none; border: 1px solid rgba(204,0,0,.32); opacity: 1; margin: 0 7.5px !important; transition: all 0.6s; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background: #c00; border-color: #c00; }

.scroll { overflow-y: auto; }

.con0 { background: #909598; width: 100%; padding-top: 7px; position: relative; z-index: 12; }
.con0 .w { position: relative; }
.con0 .tab_list .r_tit1 { font-size: 19px; color: #fff; display: flex; flex-wrap: wrap; align-items: center; line-height: 58px; padding: 0 40px; margin: 0 3px; border-radius: 4px 4px 0 0; }
.con0 .tab_list .r_tit1 img { filter: invert(100%) brightness(5) contrast(1.2); margin-right: 10px; height: 30px; }
.con0 .tab_list .r_tit1.cur { background: #fff; color: #909598; }
.con0 .tab_list .r_tit1.cur img { filter: none; }
.con0c { display: none; position: absolute; left: 0; right: 0; top: 58px; box-shadow: 0 0 8px rgba(14,5,10,.3); background: #fff; }
.con0c.cur { display: block; }
.con0c1 { margin: 30px 20px; max-height: 240px; }
.con0_list1 { width: 100%; }
.con0_list1 li { width: 95%; margin-left: 2.94%; line-height: 2.5; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; }
.con0_list1 li:before { content: '>'; font-family: "simsun"; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); font-size: 16px; overflow: hidden; color: #c00; font-weight: bold; }
.con0_list1 li a { font-size: 16px; padding-left: 16px; }
.con0_list2 { width: 100%; }
.con0_list2 li { width: 95%; margin-left: 2.06%; line-height: 2.5; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; }
/*.con0_list2 li:nth-child(2n){ margin-left:6%;}*/
.con0_list2 li:before { display: none; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); font-size: 0; overflow: hidden; background: url(../images/pdf.png) center top no-repeat; background-size: cover; width: 19px; height: 25px; }
.con0_list2 li a { font-size: 16px; /* padding-left:31px;*/ }
.con0c3 { margin: 40px 20px; max-height: 586px; }
.con0_list3 { margin-top: -24px; width: 100%; }
.con0_list3 li { margin-left: 2.06%; margin-top: 24px; width: 30.14705882352941%; }
.con0_list3 li a { display: block; }
.con0_list3 li .pic video, .con0_list3 li .pic img { display: block; width: 100%; }
.con0_list3 li .pic video { height: 225px; }
.con0_list3 li i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 70px; height: 70px; background: url(../images/video.png) center top no-repeat; background-size: cover; }
.con0_list3 li p { text-align: center; font-size: 18px; color: #666; margin-top: 24px; }

.combg { width: 100%; background: #fff; overflow: hidden; position: relative; padding: 50px 0; }
.titc { width: 100%; position: relative; line-height: 1; font-size: 36px; color: #111; padding-bottom: 22px; text-align: center; }
.titc:after { content: ''; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0; width: 48px; height: 5px; font-size: 0; overflow: hidden; background: #e62129; }
.more { margin-top: 60px; width: 100%; }
.more a { color: #fff; background: #c00; font-size: 19px; border-radius: 4px; padding: 0 40px 0 45px; line-height: 2.842105263157895; transition: all 0.6s; }
.more a img { width: 14px; margin-left: 15px; }
.more a:hover { background: #ae0000; }

.con1 { background: #fff; z-index: 11; }
.comc { width: 100%; position: relative; margin-top: 40px; }
.com_list { width: 102.857142857142857%; }
.com_list li { margin: 2.777777777777778% 2.777777777777778% 0 0; width: 30.55555555555556%; }
.com_list li { background: #fff; border-radius: 4px; overflow: hidden; }
.com_list li .pic { background: #f0f0f0; }
.com_list li .pic a { display: block; }
.com_list li .txt { width: 100%; border: 1px solid #eaeaea; border-top: none; padding: 6.8% 6.8% 3.5% 6.8%; border-radius: 0 0 4px 4px; }
.com_list li .txt em { display: block; font-size: 16px; color: #999; position: relative; }
.com_list li .txt em i { position: absolute; right: 0; top: -3px; padding: 0 14px 0 12px; line-height: 2; border: 1px solid #31c2b0; font-size: 14px; color: #31c2b0; border-radius: 1000px; }
.com_list li .txt em i img { height: 15px; margin-right: 7px; }
.com_list li .txt em i.no { border-color: #dadada; color: #666; }
.com_list li .txt em i.no img { filter: grayscale(1) invert(1); opacity: .25; }

.com_list li .txt h3 { margin-top: 6px; font-weight: bold; font-size: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; }
.com_list li .txt h3 a { color: #c00; }
.com_list li .txt .txtc { margin-top: 3px; color: #666; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; min-height: 72px; }
.com_list li .txt .sc { border-top: 1px solid #e5e5e5; padding-top: 17px; margin-top: 15px; }
.com_list li .txt .sc a { font-size: 16px; color: #c00; text-decoration: underline; }
.com_list li .txt .sc a img { height: 36px; margin-right: 12px; }
.comc .swiper-button-prev { left: -6.05%; }
.comc .swiper-button-next { right: -6.05%; }
.comc .swiper-button-prev, .comc .swiper-button-next { background: #f6f6f6; border-radius: 4px; width: 40px; height: 60px; top: 38%; }
.comc .swiper-button-prev:after, .comc .swiper-button-next:after { font-size: 20px; font-weight: bold; color: #333; }
.comc .swiper-button-next.swiper-button-disabled, .comc .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.comc .swiper-button-next.swiper-button-disabled:after, .comc .swiper-button-prev.swiper-button-disabled:after { opacity: .25; }

.con2 { background: #f7f7f7; z-index: 12; }
.con2 .comc .swiper-button-prev, .con2 .comc .swiper-button-next { background: #fff; }
.con2 .com_list li .txt em i { border-color: #dadada; color: #666; }
.con2 .com_list li .txt em i img { filter: grayscale(1) invert(1); opacity: .25; }

.con3 { background: #fff; z-index: 13; }
.con3c { width: 100%; margin-top: 40px; }
.con3_list li { position: relative; }
.con3_list li:after { content: ''; position: absolute; right: -4.545454545454545%; top: 0; bottom: 0; width: 1px; font-size: 0; overflow: hidden; background: #e5e5e5; }
.con3_list li a { display: block; }
.con3_list li .pic_w img { width: 100%; height: 100%; }
.con3_list li .txt { padding: 20px 0 0 0; }
.con3_list li .txt em { display: inline-block; font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 7px; }
.con3_list li .txt h3 { margin-top: 20px; font-weight: bold; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; }
.con3_list li .txt .txtc { margin-top: 20px; color: #666; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; min-height: 72px; }

.ny_con { padding: 0 0 50px 0; }
.lines { width: 100%; position: relative; padding-bottom: 3px; display: block; }
.lines:before { content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; font-size: 0; overflow: hidden; background: #c00; }
.lines:after { content: ''; position: absolute; right: 0; left: 0; bottom: 0; height: 1px; font-size: 0; overflow: hidden; background: rgba(0,0,0,.1); }
.location { width: 100%; }
.location em { display: block; background: url(../images/home.png) left center no-repeat; background-size: 17px 15px; padding: 28px 0 24px 30px; font-size: 18px; }
.location * { color: #666; }
.location font { padding: 0 12px; }

.page { text-align: center; width: 100%; padding: 40px 0 0 0; }
.page span, .page a { border: 1px solid #ccc; padding: 0 15px; margin: 0 5px; font-size: 16px; line-height: 2.25; }
.page .current, .page a:hover { background: #c00; border-color: #c00; color: #fff; }

.pro_tit { width: 100%; padding: 35px 0 0 0; }
.pro_tit h3 { font-weight: bold; color: #c00; font-size: 36px; }
.pro_tit p { font-family: "impact"; font-size: 40px; color: rgba(102,102,102,.2); }
.pro_txt { width: 100%; padding: 25px 0 0 0; }
.pro_txt h4 { font-weight: bold; font-size: 24px; }
.pro_txt p { font-size: 16px; line-height: 2.25; color: #666; }
.pro_tit1 { width: 100%; position: relative; }
.pro_tit1 em { display: block; font-size: 32px; font-weight: bold; padding-bottom: 22px; }
.pro_c1 { width: 100%; margin-top: 45px; }
.pro_c1 .clear { width: 100%; margin-top: 15px; }
.pro_c1_lf { width: 60%; padding-top: 35px; }
.pro_t2 { width: 100%; }
.pro_t2 em { font-weight: bold; color: #c00; font-size: 24px; text-transform: uppercase; margin-right: 20px; }
.pro_t2 i { font-size: 16px; color: #999; }
.pro_sc_list { width: 100%; }
.pro_sc_list li { font-size: 16px; margin-top: 24px; }
.pro_sc_list li img { height: 36px; margin-right: 10px; }
.pro_c1 .pro_c1_rt { width: 31.42857142857143%; margin-top: 30px; position: relative; }
.pro_c1 .pro_c1_rt img { display: block; width: 100%; }
.pro_c1 .pro_c1_rt .magnify_but { display: block; position: absolute; right: 15px; bottom: 15px; cursor: pointer; width: 20px; height: 20px; background: url(../images/search1.png) 0 0 no-repeat; background-size: cover; }
.pro_c2 { width: 100%; margin-top: 25px; }
.pro_c2 .com_list { width: 102.857142857142857%; }
.pro_c2 .com_list li { margin: 2.777777777777778% 2.777777777777778% 0 0; width: 30.55555555555556%; }
.pro_c3 { width: 100%; margin-top: 35px; }
.pro_c3 .pro_c1_lf { width: 100%; }
.pro_t3 { background: #f7f7f7; padding: 8px 20px; margin-top: 35px; }
.pro_t3 em { padding-left: 17px; font-size: 24px; font-weight: bold; display: block; position: relative; }
.pro_t3 em:before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 5px; height: 24px; font-size: 0; overflow: hidden; background: #c00; }
.pro_c3 .pro_txt { padding: 30px 0 0 5px; }
.pro_c3 .pro_txt h4 { font-size: 20px; }
.pro_c3 .pro_txt p { line-height: 2; }
.pro_c3 .con0_list3 { margin-top: -1%; width: 102.857142857142857%; }
.pro_c3 .con0_list3 li { margin: 2.777777777777778% 2.777777777777778% 0 0; width: 30.55555555555556%; }
.pro_dl_img { width: 100%; margin-top: 45px; }
.pro_dl_img img { display: block; margin: 0 auto; max-width: 100%; }
.pro_c4 { width: 100%; margin: 35px 0 -50px 0; }
.pro_c4 .clear { width: 100%; }
.pro_c4 .txt { width: 65%; font-size: 16px; line-height: 2.25; }
.pro_c4 .txt p { position: relative; padding-left: 27px; }
.pro_c4 .txt p:before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); font-size: 0; overflow: hidden; background: url(../images/point3.png) center top no-repeat; background-size: cover; width: 13px; height: 13px; }
.pro_c4 .pic { width: 35%; margin-top: -20px; }
.pro_c4 .pic img { display: block; width: 100%; }
.pro_c5 { margin-top: 45px; width: 100%; }
.pro_c5 .pro_tit1 em { padding-bottom: 0; margin-right: 65px; }
.pro_c5 .buy_but { margin-left: 32px; }
.sale_zt { font-size: 20px; color: #666; }
.sale_zt img { height: 24px; margin-right: 12px; }
.sale_zt font { color: #31c2b0; padding-left: 6px; }
.sale_zt_none { color: #999; }
.sale_zt_none font { color: #aaa; }
.sale_zt_none img { filter: grayscale(1) invert(1); opacity: .25; }
.pro_cz { position: absolute; right: 0; top: 0; bottom: 0; }
.pro_cz a img { height: 31px; display: block; }
.buy_but { cursor: pointer; border: none; color: #fff; font-size: 18px; background: #c00; border-radius: 4px; line-height: 2.611111111111111; padding: 0 50px; transition: all 0.6s; }
.buy_but:hover { background: #ae0000; }

.contact { width: 100%; }
.con_lf { width: 48.57142857142857%; }
.con_rt { width: 48.57142857142857%; }
.c_tit1 em { display: block; font-size: 36px; }
.c_tit1 p { font-size: 16px; color: #999; margin-top: 18px; }
.adr_list { width: 100%; padding-top: 10px; }
.adr_list li { width: 100%; font-size: 18px; color: #666; margin-top: 24px; }
.adr_list li img { width: 36px; height: 36px; border-radius: 50%; background: #ededed; margin-right: 12px; }
.map { width: 100%; height: 460px; overflow: hidden; margin-top: 45px; }
.map img { display: block; height: 100%; }
.form_list li { width: 100%; margin-top: 25px; }
.m_intxt { resize: none; width: 100%; display: block; border: 1px solid #e3e3e3; border-radius: 3px; font-size: 18px; line-height: 1.5; padding: 12px 20px; width: 81.5%; color: #666; }
.m_intxt.m_txt { width: 100%; }
.form_list li .buy_but { padding: 0 70px; }

.order_bg { background: #f7f7f7; }
.order_bg .w { background: #fff; padding: 50px; }

.order_bg2 { background: #f7f7f7; }
.order_bg2 .w { background: #fff; padding: 20px; }

.o_tit1 { font-size: 22px; font-weight: bold; }
.o_tit2 { font-size: 18px; font-weight: bold; margin-top: 15px; }
.o_tit3 { font-size: 20px; font-weight: bold; margin-top: 32px; position: relative }
.o_tit3 font { font-weight: 500; color: #e58100; padding-left: 5px; font-size: 16px; }
.o_tit3 .tit { display: flex; align-items: center; justify-content: space-between; }
.o_tit3 .tit a { font-size: 14px; font-weight: normal; }
.o_tit3 .lines { margin-top: 12px; }
.o_tit3 .lines:before { width: 42px; }
.o_tit3 .close { top: 0%; transform: translate(0, -0%); right: 10px }
.express_method { padding: 12px 0 90px 0; }
.express_method em { font-size: 16px; color: #666; margin-right: 25px; line-height: 3; padding: 1px 0; }
.express_method ul { min-width: 70%; }
.express_method ul li { width: 100%; }
.sel_w { line-height: 3; position: relative; width: 100%; }
.jd-sel { transition: all 0.6s; position: relative; z-index: 50; }
.jd-sel i { padding: 0 53px 0 20px; width: 215px; font-size: 16px; color: #999; border-radius: 4px; border: 1px solid #e3e3e3; position: relative; }
.jd-sel i:after { content: ""; position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); font-size: 0; overflow: hidden; width: 15px; height: 8px; background: url(../images/point1.png) center top no-repeat; background-size: cover; }
.jd-sel span { font-size: 14px; color: #999; padding-left: 20px; }
.sel-nd { display: none; position: absolute; top: 52px; left: 0; right: 0; z-index: 9; }
.sel-nd:after { content: ""; position: absolute; left: 0; top: 0; width: 213px; bottom: 0; font-size: 0; overflow: hidden; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; }
.ul-sel-nd { position: relative; z-index: 55; padding: 1px; }
.ul-sel-nd li { position: relative; }
.ul-sel-nd li i { display: block; width: 213px; padding-left: 20px; font-size: 16px; color: #999; }
.ul-sel-nd li span { position: absolute; left: 235px; top: 0; font-size: 14px; color: #999; display: block; width: 500px; }
.ul-sel-nd li.hover i { background: #f9f9f9; }
.pay_txt { font-size: 20px; padding-top: 20px; }
.pay_txt p { margin-top: 18px; }
.pay_txt p span { color: #c00; }
.pay_txt p font { color: #09f; }
.pay_txt p em { margin-right: 40px; }
.pay_txt p em:last-child { margin-right: 0; }
.pay_method { width: 100%; }
.pay_method li { font-size: 20px; color: #000; border: 1px solid #ebebeb; border-radius: 8px; width: 17.53846153846154%; padding: 14px 0; margin: 2.3% 2.3% 0 0; }
.pay_method li img { height: 50px; margin-right: 12px; }
.sh_adr_list { width: 100%; padding: 15px 0; }
.sh_adr_list li { margin-top: 20px; }
.sh_adr_list li label { width: 20.5%; text-align: right; font-size: 16px; color: #666; }
.sh_adr_list li em { font-size: 14px; color: #999; padding-left: 18px; }
.sh_adr_list li em font { color: #c00; padding-right: 5px; }
.c_intxt { font-size: 16px; color: #333; border: 1px solid #e3e3e3; border-radius: 4px; padding: 13px 20px; width: 41.2%; line-height: 1.5; margin-left: 15px; resize: none; color: #666; }
.c_intxt.c_intxt1 { width: 145px; background: url(../images/point1.png) right 18px center no-repeat; background-size: 14px 8px; }
.c_intxt.c_intxt2 { width: 77.7%; }
.infor_list { width: 100%; }
.infor_list li { margin-top: 15px; }
.infor_list li em { display: block; font-size: 16px; color: #666; }
.infor_list li .c_intxt { margin: 15px 0 0 0; }
.fp_ck { margin: 25px 90px 10px 0; font-size: 16px; }
.fp_ck:last-child { margin-right: 0; }
.fp_ck input[type="radio"] { display: none; }
.fp_ck input[type="radio"] + label span { width: 16px; height: 16px; border: 1px solid #c8c8c8; border-radius: 50%; margin-right: 10px; position: relative; }
.fp_ck input[type="radio"]:checked + label span { border-color: #c00; }
.fp_ck input[type="radio"]:checked + label span:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 6px; height: 6px; font-size: 0; overflow: hidden; background: #c00; border-radius: 50%; }
.monney_txt1 { text-align: right; font-size: 16px; color: #666; background: #f7f7f7; padding: 13px 24px; border: 1px solid #ebebeb; margin-top: 40px; }
.monney_txt1 font { color: #c00; padding-right: 5px; }
.monney_txt2 { font-size: 16px; text-align: right; padding: 30px 24px; line-height: 2.625; position: relative; }
.monney_txt2 font { color: #c00; }
.monney_txt2 em { font-size: 22px; line-height: 1; }

.address-item { max-width: 80%; width: 100%; background: #f1f1f1; border-radius: 12px; display: flex; align-items: center; gap: 12px; padding: 5px 10px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); position: absolute; left: 0; }
.address-icon { color: #409eff; font-size: 18px; flex-shrink: 0; }
.address-left { flex-shrink: 0; white-space: nowrap; }
.address-name { font-size: 16px; color: #333; margin-right: 8px; }
.address-phone { font-size: 16px; color: #333; }
.address-right { flex: 1; font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width:768px) {
    .address-item { padding: 12px 14px; gap: 8px; }
    .address-name, .address-phone { font-size: 14px; }
    .address-right { font-size: 13px; }
}


.monney_txt3 { border-top: 1px solid #e5e5e5; width: 100%; position: relative; padding: 24px 0; }
.rule_ck { width: 80%; font-size: 16px; color: #666; padding: 4px 0; }
.rule_ck a { color: #06c; }
.rule_ck input[type="checkbox"] { display: none; }
.rule_ck input[type="checkbox"] + label span { width: 16px; height: 16px; border: 1px solid #999; border-radius: 2px; margin-right: 10px; }
.rule_ck input[type="checkbox"]:checked + label span { border-color: #c00; background: url(../images/ck.png) center center no-repeat; background-size: cover; }
.monney_txt3 .tj_order_but { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
.tj_order_but { border-radius: 1000px; color: #fff; font-size: 16px; background: #c00; line-height: 2.75; padding: 0 42px; border: none; cursor: pointer; }
.tj_order_but:hover { background: #ae0000; }
.cart_list { border: 1px solid #ebebeb; font-size: 16px; color: #666; margin-top: 15px; }
.cart_list a:hover { color: #c00; }
.cart_top { background: #f7f7f7; border-bottom: 1px solid #ebebeb; padding: 13px 0; text-align: center; }
.cart_list ul li { align-items: center; padding: 50px 0; border-bottom: 1px solid #ebebeb; }
.cart_list ul li:last-child { border-bottom: none; }
.cart_list ul li .pic { border: 1px solid #eee; }
.cart_list ul li .pic a { display: block; }
.cart_list ul li .pic_w img { width: 100%; height: 100%; }
.cart_list .w1 { width: 82px; }
.cart_list .w2 { width: 65px; margin-right: 15px; }
.cart_list .w3 { width: 28%; }
.cart_list .w3 p { margin-bottom: 8px; }
.cart_list .w3 p:last-child { margin-bottom: 0; }
.cart_list .w4 { width: 12.15%; text-align: center; }
.cart_list .w5 { margin-right: 2%; }
.cart_list .w5 font { color: #c00; }
.ck_cart { font-size: 16px; color: #666; }
.ck_cart label { cursor: pointer; }
.ck_cart input[type="checkbox"] { display: none; }
.ck_cart input[type="checkbox"] + label span { width: 16px; height: 16px; border: 1px solid #999; border-radius: 2px; display: block; }
.ck_cart input[type="checkbox"]:checked + label span { border-color: #c00; background: url(../images/ck.png) 0 0 no-repeat; background-size: cover; }

.ck_cart input[type="radio"] { display: none; }
.ck_cart input[type="radio"] + label span { width: 16px; height: 16px; border: 1px solid #999; border-radius: 8px; display: block; }
.ck_cart input[type="radio"]:checked + label span { border-color: #c00; background: url(../images/ck.png) 0 0 no-repeat; background-size: cover; }
.ck_cart.disabled input[type="checkbox"] + label span { background: #e5e5e5; }

.s_inbutc { background: #f7f7f7; padding: 13px 32px; border-top: 1px solid #ebebeb; }
.s_inbutc a { margin-left: 32px; color: #666; }
.s_inbutc .tj_order_but { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
.num-wrap { text-align: center; }
.num-wrap i { width: 22px; height: 22px; border: 1px solid #f0f0f0; line-height: 20px; cursor: pointer; font-size: 16px; }
.num-input { width: 45px; border: none; line-height: 22px; text-align: center; margin-right: -15px; font-size: 16px; }
.js_bot { width: 100%; position: relative; padding: 37px 0; font-size: 16px; }
.js_rt { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
.js_rt em { color: #666; padding-right: 20px; }
.js_rt em font { color: #c00; }

.com li .pic_w img { display: block; transition: all 0.6s; max-height: 100%; max-width: 100%; }
.com li.hover .pic_w img { transform: scale(1.05); }

/*foot style*********************************************************************/
.footer { width: 100%; background: url(../images/fbg.jpg) #05060a center top no-repeat; background-size: cover; overflow: hidden; font-size: 18px; }
.footer * { color: rgba(255,255,255,.8); }
.footer a:hover { color: #c00 !important; }
.foot1 { padding: 50px 0 80px 0; width: 100%; }
.foot1 img { display: block; width: 100%; }
.f_lf { width: 74.28571428571429%; }
.f_logo { width: 100%; }
.f_logo a { width: 22.69230769230769%; }
.f_logo a img { opacity: .8; }
.f_logo .txt { width: 77.30769230769231%; padding-left: 5.3%; line-height: 2; }
.f_nav { width: 100%; margin-top: 45px; }
.f_nav li { margin-right: 70px; position: relative; }
.f_nav li:after { pointer-events: none; content: ''; position: absolute; right: -34px; top: 50%; transform: translate(0,-50%); width: 1px; height: 18px; font-size: 0; overflow: hidden; background: #e0dfdf; transition: all 0.6s; }
.f_nav li:last-child { margin-right: 0; }
.f_nav li:last-child:after { display: none; }
.f_ewm { width: 12.57142857142857%; text-align: center; padding-top: 10px; }
.f_ewm p { margin-top: 14px; color: #fff; }
.foot { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.15); }
.foot .txt { line-height: 2.5; }
.foot .txt a { margin-right: 40px; }
.foot .txt a:last-child { margin-right: 0; }
.ico0_list { width: auto; }
.ico0_list dd { position: relative; margin: 0 12px 0 0; cursor: pointer; width: 48px; height: 48px; background: #4b4b4b; border-radius: 50%; transition: all 0.6s; }
.ico0_list dd:last-child { margin-right: 0; }
.ico0_list dd a { display: block; }
.ico0_list dd img { display: block; width: 100%; }
.ico0_list dd i { display: none; position: absolute; bottom: 140%; left: 50%; transform: translate(-50%,0); box-shadow: 0 0 8px 0 rgba(0,0,0,.1); background: #fff; width: 130px; border-radius: 5px; padding: 10px 0 5px 0; }
.ico0_list dd i:after { content: ''; display: block; position: absolute; left: 50%; transform: translate(-50%,0); height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; bottom: -8px; font-size: 0; overflow: hidden; }
.ico0_list dd i img { display: block; margin: 0 auto; width: 90%; height: auto; }
.ico0_list dd font { display: block; text-align: center; color: #333; }
.ico0_list dd.hover { background: #c00; }
.ico0_list dd.hover i { display: block; }

.cart_pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1250; display: none; }
.pop_bg { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.5); }
.cart_pop .w { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.popc { width: 88.57142857142857%; margin: 0 auto; background: #fff; border-radius: 20px; padding: 1.612903225806452% 4% 6% 4%; position: relative }
.pro_t1 { font-size: 24px; border-bottom: 1px solid #e5e5e5; color: #000; padding: 22px 0; position: relative; }
.close { position: absolute; right: 0; top: 50%; display: block; transform: translate(0,-50%); height: 20px; cursor: pointer; }
.popc dl { padding: 50px 40.5% 0 10.95%; }
.popc dd { line-height: 3; border-bottom: 1px solid #e5e5e5; padding: 15px 0; }
.popc dd:last-child { border-bottom: none; }
.popc .p_t2 { font-size: 20px; line-height: 2.7; color: #999; width: 26%; }
.popc .p_nub { font-size: 18px; }
.price-list { width: 74%; }
.price-list li { font-size: 18px; }
.price-list li em { width: 50%; }
.price-list li span { width: 50%; }
.popc .num-wrap i { width: 40px; height: 40px; border-radius: 4px; border-color: #dedede; line-height: 38px; font-size: 18px; color: #666; }
.popc .num-input { width: 102px; border: 1px solid #dedede; line-height: 38px; text-align: center; margin: 0 10px; font-size: 18px; }
.pop_but { width: 100%; padding: 40px 0 0 10.95%; }
.p_but { font-size: 18px; color: #fff; border-radius: 4px; line-height: 3; margin-right: 15px; padding: 0 35px; background: #c00; border: none; transition: all 0.6s; cursor: pointer; }
.p_but.qx_but { background: #bababa; padding: 0 45px; }
.p_but:hover { color: #fff; background: #ae0000; }

.brand_list { width: 101.923076923076923%; }
.brand_list li { border: 1px solid #ebebeb; background: #fff; margin: 1.886792452830189% 1.886792452830189% 0 0; width: 23.11320754716981%; }
.brand_list li a { display: block; }
.txt_pop .popc { padding: 0; overflow: hidden; }
.t_tit1 { background: #f5f5f5; font-size: 24px; line-height: 3.375; padding: 0 3.63%; position: relative; }
.txt_pop .close { right: 3.63%; }
.txt_popc { padding: 42px 2.58%; font-size: 18px; line-height: 2.111111111111111; }
.txt_popc_h { max-height: 570px; padding: 0 1.05%; }
.agree_but { text-align: center; margin-top: 15px; }
.agree_but button { border: 1px solid #ddd; border-radius: 3px; padding: 8px 15px; background: #fff; cursor: pointer; color: #c00; font-size: 18px; }
.img_pop .popc { background: none; }
.img_pop .close { position: fixed; right: 0; top: 0; transform: none; background: #fff; width: 35px; height: 35px; padding: 10px; }
.img_pop .popc { padding: 0; }
.img_popc img { display: block; margin: 0 auto; max-width: 100%; }

.form_bg { background: url(../images/bg.jpg) #000 center top no-repeat; background-size: cover; min-height: 70vh; display: flex; flex-wrap: wrap; align-items: center; }
.form_w { width: 475px; margin: 0 auto; background: #fff; padding: 30px 60px; }
.form_w .tab_title { display: flex; align-items: center; font-size: 16px; padding: 20px 0 10px; border-bottom: 1px solid #e5e7eb; gap: 20px; }
.form_w .tab_title span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:50%; text-align:center }
.form_w .tab_title .cur { color: #c00; position: relative }
.form_w .tab_title .cur:before { content: ''; display: block; position: absolute; left: 0; bottom: -11px; width: 100%; height: 3px; background: #c00; z-index: 1; font-size: 0; overflow: hidden; }
.form_w .tab_com, .form_w .tab_com .tab_item { width: 100% }


.f_tit { text-align: center; font-size: 24px; }
.formc { padding-top: 20px; }
.formc li { width: 100%; margin-bottom: 15px; }
.formc li .lic { width: 100%; position: relative; }
.formc li .lic img { position: absolute; left: 0; top: 22px; height: 40px; transform: translate(0,-50%); display: block; }
.f_intxt { width: 100%; border: 1px solid #eaeaea; font-size: 16px; padding-left: 42px; line-height: 40px; display: block; }
.formc li input::-webkit-input-placeholder { color: #bbb; }
.formc li input::-moz-placeholder { color: #bbb; }
.formc li input:-moz-placeholder { color: #bbb; }
.formc li input:-ms-input-placeholder { color: #bbb; }
.formc li .txtc { text-align: center; font-size: 16px; }
.formc li .txtc a { color: #c00; }
.get_code { position: absolute; right: 0; top: 0; display: block; background: #524938; font-size: 16px; color: #fff; border: none; line-height: 42px; padding: 0 15px; transition: all 0.6s; }
.f_inbut { background: #c00; color: #fff; font-size: 16px; display: block; border: 1px solid #c00; cursor: pointer; text-align: center; width: 100%; line-height: 50px; border-radius: 3px; transition: all 0.6s; }
.get_code:hover, .f_inbut:hover { background: #ae0000; color: #fff; }

.news_tit { text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.news_tit h3 { font-weight: bold; font-size: 24px; }
.news_tit p { font-size: 14px; color: #999; margin-top: 12px; }
.news_txt { font-size: 16px; text-indent: 2em; line-height: 1.875; padding: 15px 0 0 0; }
.news_txt p { margin: 15px 0; }
.news_txt img { display: block; margin: 15px auto; max-width: 100%; }
.up_down { font-size: 16px; margin-top: 40px; }
.up_down li { max-width: 50%; }
.up_down li a { color: #666; }
.up_down li a:hover { color: #c00; }




/*附件下载样式*/
.attach-list { margin: 0 50px0px; color: #757575; }

.attach-list ul li { margin-top: 15px; padding: 15px; border: 1px solid #ebebeb; }

.attach-list ul li .link-btn { display: block; float: right; margin-top: 7px; padding: 5px 15px; border: 1px solid #e0e0e0; line-height: 20px; font-size: 14px; cursor: pointer; }

.attach-list ul li .link-btn i { font-size: 14px; }

.attach-list ul li .icon-box { display: inline-block; margin-right: 5px; line-height: 38px; color: #ccc; }

.attach-list ul li .icon-box i { font-size: 38px; }

.attach-list ul li .info { display: inline-block; }

.attach-list ul li .info h3 { line-height: 20px; color: #333; font-size: 14px; font-weight: normal; }

.attach-list ul li .info span { margin-right: 5px; line-height: 18px; color: #999; font-size: 12px; }



.pic3_list { margin-top: -20px; }
.pic3_list li { padding: 20px; border-bottom: 1px solid #e7eaee; transition: all linear .2s; font-size: 16px; }
.pic3_list li a { display: block; overflow: hidden; }
.pic3_list li .pic { width: 20%; margin-right: 25px; float: left; overflow: hidden; }
.pic3_list li .pic_w { overflow: hidden; background: #f0f0f0; text-align: center }
.pic3_list li .pic_w img { max-width: 100%; max-height: 100%; display: inline-block }
.pic3_list li h3 { font-size: 20px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; transition: all linear .2s; }
.pic3_list li .txtc { color: rgba(17,17,17,.7); line-height: 1.875; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; margin: 10px 0 20px 0; }
.pic3_list li .txt { padding: 10px 0; }
.pic3_list li .other { line-height: 1.5; }
.pic3_list li .other span { color: #c00; }
.pic3_list li .other em { color: #999; }
.pic3_list li.hover h3 { color: #c00; }



/*购物车样式*/

.cart-info { position: absolute; top: 0; left: 0; right: 0; margin: 0; bottom: 0; text-align: left; z-index: 2; display: flex; align-items: center; justify-content: center; }
.cart-info .box { border: 1px solid #DFC795; width: 80%; max-width: 302px; padding: 15px; background: #fcfbda; height: auto; }
.cart-info .ico { display: block; float: left; margin-top: 5px; width: 46px; height: 46px; }
.cart-info .ico i { color: #c00; font-size: 46px; line-height: 1em; }
.cart-info .ico.error i { color: #fb1605; }
.cart-info .msg { margin-left: 60px; position: relative }
.cart-info .msg strong { margin-bottom: 10px; color: #444; font-size: 15px; }
.cart-info .msg p { padding-bottom: 8px; line-height: 1.8em; }
.cart-info .msg .link-btn { display: inline-block; margin: 0; padding: 0 25px; color: #fff; font-size: 12px; height: 30px; line-height: 30px; text-align: center; background: #c00; vertical-align: middle; }
.cart-info .msg .close { position: absolute; display: block; top: 0px; right: -10px; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.cart-info .msg .close i { color: #999; font-size: 14px; line-height: 20px; }


.address-list { margin: 20px 0 0; padding: 10px; color: #555; font-size: 14px; overflow: auto; }
.address-list li { margin: 8px 0; padding: 10px; cursor: pointer; border: 1px solid #f7f7f7; }
.address-list li .ck_cart { display: flex; justify-content: space-between; }
.address-list li .ck_cart label { display: flex; align-items: center; }
.address-list li .ck_cart label samp { margin-left: 10px; flex: 1 1 0; }
.address-list li .ck_cart label em { margin-left: 26px }
.address-list li .ck_cart .edit { font-size: 16px; width: 50px; color: rgb(229, 129, 0); text-align: right }
.address-list li.selected { padding: 10px; font-size: 15px; background: #fff0e8; border-radius: 3px; }
.address-list li.selected span { color: #333; font-weight: 700; }

.address-list li .notdata { text-align: center; }
.address-list li .notdata a { color: #c00 }
.address-info.form-box { margin: 0; }
.address_pop { display: flex; align-items: center; justify-content: center; z-index: 9998 }
.address_pop .boxs { width: 90%; max-width: 1000px; background: #fff; padding: 0 15px 50px; border-radius: 10px; }
.address_pop .boxs .agree_but .btn { text-align: center; background: #c00; }
.none { display: none }

.mobile-no_data { display: none; }

#Validform_msg { }


.app_list { width: 100%; margin-top: 25px; }

.app_com_list { width: 102.857142857142857%; display: flex; flex-wrap: wrap }
.app_com_list li { background: #fff; border-radius: 4px; overflow: hidden; margin: 2.777777777777778% 2.777777777777778% 0 0; width: 30.55555555555556%; }
.app_com_list li .pic { background: #f0f0f0; padding: 5px; box-sizing: border-box; overflow: hidden }
.app_com_list li .pic .pic_w img { display: block; transition: all 0.6s; max-height: 95%; max-width: 95%; }

.c_tit1 { font-size: 36px; font-weight: bold; color: #000; line-height: 1; position: relative; }
.c_tit1 p { font-weight: 500; font-size: 18px; color: #666; line-height: 1.5; margin-top: 22px; }

.service1 { background: url(../images/abg1.jpg) center top no-repeat; background-size: cover; }
.service1_list { width: 102.1875%; }

.service1_list li { margin: 2.140672782874618% 2.140672782874618% 0 0; width: 21.19266055045872%; border: 1px solid rgba(14,5,10,.05); }

.service1_list li a { display: block; }

.service1_list li .pic { padding: 10px; text-align: center }

.service1_list li img { max-width: 100%; max-height: 100%; }

.service1_list li .txt { font-size: 18px; background: #fff; border-top: none; transition: all 0.6s; position: relative; padding: 1.3em 5.88%; text-align: center; }

.service1_list li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-text-size-adjust: 100%; }

.service1_list li .txt i { background: #1e5b9b; border-radius: 0 8px 0 8px; position: absolute; right: 18px; top: -58%; width: 80px; height: 80px; }

.service1_list li .txt i img { filter: brightness(0) invert(1); width: 22.5%; }



.service1_list li .pic_w img { width: 100%; height: 100%; }



.service1_list li.hover .txt { border-color: #1e5b9b; }

.service1_list li .pic { padding: 10px; text-align: center }
.service1_list li img { max-width: 100%; max-height: 100%; }


@media screen and (max-width: 1023px) {
    .c_tit1 { font-size: 40px; }
    .c_tit1 p { font-size: 24px; margin-top: 25px; }

    .service1_list { width: 102.5%; padding-top: 20px; }
    .service1_list li { margin: 2.5% 2.5% 0 0; width: 47.5%; }
    .service1_list li .txt { font-size: 24px; }
    .service1_list li .txt i { right: 15px; top: -50%; width: 60px; height: 60px; }
}

@media screen and (max-width: 1023px) {

    .formc li .lic img { position: absolute; left: 0; top: 32px; }
}

/*头像上传*/
.cropper-wrap { margin-top: 20px; display: flex; align-items: center; justify-content: space-evenly; }
.cropper-wrap .cropper-box { position: relative; float: left; margin-right: 20px; padding: 1px; width: 350px; height: 350px; text-align: center; border: 1px solid #f0f0f0; border-radius: 2px; background: #f4f4f4; text-align: center; vertical-align: middle; }
.cropper-wrap .cropper-box div { margin: auto; vertical-align: middle; }

.cropper-wrap .cropper-view { float: left; width: 184px; }
.cropper-wrap .cropper-view .img-box { padding: 1px; width: 180px; height: 180px; border: 1px solid #f0f0f0; border-radius: 2px; background: #fff; overflow: hidden; }
.cropper-wrap .cropper-view .img-box img { display: block; width: 180px; height: 180px; }
.cropper-wrap .cropper-view .btn-box p { margin: 8px 0; text-align: center; color: #333; font-size: 13px; line-height: 24px; }
.cropper-wrap .cropper-view .btn-box p.tip { text-align: left; color: #999; font-size: 13px; line-height: 22px; }
.cropper-wrap .cropper-view .btn-box .btn { width: 100%; line-height: 34px; height: 36px; border: 1px solid #d70029; background: #d70029; cursor: pointer; color: #fff; padding: 0 }
/*以下部分是WebUploader必须的*/
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; padding: 0 25px; line-height: 32px; height: 32px; border: 1px solid #02598E; border-radius: 2px; cursor: pointer; background: #1e7bb3; color: #fff; text-align: center; overflow: hidden; zoom: 1; *display: inline; }
.webuploader-pick-hover { opacity: 0.9; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }
.upload-box { position: relative; display: inline-block; height: 32px; vertical-align: middle; zoom: 1; *display: inline; }
.upload-box .upload-btn { display: inline-block; height: 32px; zoom: 1; *display: inline; }
.upload-box .upload-progress { position: absolute; top: 0; left: 0; padding: 2px 5px; width: 115px; height: 28px; border: 1px solid #d7d7d7; background: #fff; overflow: hidden; }
.upload-box .upload-progress .txt { display: block; padding-right: 10px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; height: 18px; text-overflow: ellipsis; overflow: hidden; }
.upload-box .upload-progress .bar { position: relative; display: block; width: 112px; height: 4px; border: 1px solid #1da76b; }
.upload-box .upload-progress .bar b { display: block; width: 0%; height: 4px; font-weight: normal; text-indent: -99em; background: #28B779; overflow: hidden; }
.upload-box .upload-progress .close { position: absolute; display: block; top: 1px; right: 1px; width: 14px; height: 14px; text-indent: -99em; background: url(../images/sprite.gif) 0 -240px no-repeat; cursor: pointer; overflow: hidden; }



@media screen and (max-width: 654px) {
    .cropper-wrap { flex-direction: column; }
    #pay-app { display: none }
}

.buy-foot { margin: 20px 0; font-size: 14px; }
.buy-foot .left-box { width: calc(100% - 40px); margin: auto; box-sizing: border-box; border-bottom: 1px solid #efefef }
.buy-foot .left-box dl { clear: both; padding-bottom: 10px; line-height: 28px; }
.buy-foot .left-box dl dt { color: #6c6c6c; }
.buy-foot .left-box dl dd .input { width: 230px; padding: 5px; border: 1px solid #e0e0e0; }



/* ============ 收银台 pay.html ============ */
.pay_bg { background: #f5f6f8; }
.pay_box { background: #fff; padding: 26px 40px 28px 40px; margin-bottom: 16px; }
.pay_box:last-child { margin-bottom: 0; }
.pay_code_txt { font-size: 15px; color: #888; }
.pay_code_txt span { color: #c00; }
.pay_code { margin-top: 18px; }
.code_pic { width: 206px; height: 206px; padding: 11px; background: #fff; border: 1px solid #e6e6e6; border-radius: 3px; }
.code_pic img { display: block; width: 100%; height: 100%; }
.code_tip { display: block; width: 236px; margin: 16px 0 0 -15px; background: #0193e6; border-radius: 3px; color: #fff; font-size: 13.5px; line-height: 38px; text-align: center; white-space: nowrap; }
.code_rt { width: 342px; margin-left: 66px; }
.code_rt img { display: block; width: 100%; }
.pay_method li { cursor: pointer; }
.pay_method { width: auto; }
.pay_method li { margin-right: 20px; }
.pay_method li.pay_cur { border-color: #09bb07; }
.pay_box .form-group { width: 100%; text-align: center; margin-top: 50px; }
.pay_box .form-group .submit { cursor: pointer; border: none; color: #fff; font-size: 15.5px; padding: 0 42px; background: #c00; border-radius: 4px; line-height: 2.611111111111111; transition: all 0.6s; }
.pay_box .pay_txt{padding:0}
.pay_box .pay_txt p{margin:0}

.pay_bg .payment { padding: 30px; }
.pay_bg .shopcart_box { border: 1px #e0e0e0 solid; background: #fff; overflow: hidden }

.pay_bg .mg20 { margin-top: 20px; }
.pay_bg .app_pay_m { margin: 0px auto; display: flex; align-items: center; justify-content: center }
.pay_bg .app_pay { text-align: center; line-height: 30px; color: #333;  }
.pay_bg .app_pay div { border: 1px #e0e0e0 solid; padding: 10px; border-radius: 8px; }
.pay_bg .app_pay div img { width: 200px; height: 200px; }
.pay_bg .address_mc1 { border: 1px #a3d1ed solid; background: #f0f9ff; padding: 33px; }
.pay_bg .success { margin-left: 250px; height: 107px; }
.pay_bg .success span { background: url(../Images2016/order_success.png) no-repeat; width: 34px; height: 34px; background-position: 0px 0px; }
.pay_bg .success_txt dd { color: #666; line-height: 26px; }
.pay_bg .success_txt dd strong, .success_txt dd b { font-family: "Microsoft YaHei"; }
.pay_bg .success_txt dd strong, .success_txt dd b { font-family: "Microsoft YaHei"; }
.pay_bg .success_txt dd b { margin-left: 30px; font-size: 18px; color: #666; }
.pay_bg .red { color: #ff3333; }