@charset "utf-8";
/* CSS Document */
img{max-width:100%;}
/* 公共 */
.ins-banner{width:100%; height:480px; box-sizing:border-box; margin-top:134px;}
.bn-about{background:url(../images/bn-about.jpg) repeat-x center top;}
.bn-ser{background:url(../images/bn-ser.jpg) repeat-x center top;}
.bn-pro{background:url(../images/bn-pro.jpg) repeat-x center top;}
.bn-mcr{width:100%; height:100px; box-sizing:border-box; margin-top:134px; background:url(../images/bn-mcr.jpg) repeat-x center top;}
.bn-contact{background:url(../images/bn-contact.jpg) repeat-x center top;}
.t-l{text-align:left !important;}
.tc-w{color:#fff !important;}
.tc-w a{color:#fff !important;}
.tc-z{color:#d1c0a5 !important; margin-bottom:50px !important;}
.tc-z a{color:#d1c0a5 !important;}
.tc-z a:hover{color:#ede2cf !important;}
.tc-z i:nth-child(1){color:#d1c0a5 !important;}

.mbx-w{width:100%; height:40px; margin-bottom:30px;}
.mbx{width:90%; max-width:1360px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#7e6b5a; vertical-align:middle;}
.mbx a{color:#7e6b5a;}
.mbx a:hover{color:#333;}
.mbx span{ font-family:"宋体";}
.mbx i{font-size:12px; padding:0 5px; color:#d1c0a5;}
.mbx i:nth-child(1){font-size:20px; padding-left:0; color:#7e6b5a;}

.ptb70-50{padding:70px 0 50px;}
.mt134-90{margin-top:134px;}
.mt0{margin-top:0 !important;}
.md0{margin-bottom:0 !important;}
.md30{margin-bottom:30px !important;}
.pt20{padding-top:20px !important;}
.w100{width:100% !important;}
.bg-e{background:#e8e8e8;}
.ins-w{width:100%; height:auto; /*overflow:hidden;*/ padding:40px 0 40px;}
.ins-w-in{width:100%; height:auto; overflow:hidden; padding:134px 0 0;}
.ins-n{width:90%; height:auto; max-width:1360px; margin:0 auto;}
.ins-all-tt{width:100%; height:auto; font-size:24px; line-height:40px; color:#1b1b1b; margin-bottom:20px; font-weight:bold; position:relative;}
.ins-all-tt span{width:30px; height:30px; color:#333; text-align:center; position:absolute; right:0; top:5px;}
.ins-all-tt span i{font-size:24px;}
.ins-all-tt span a:hover{color:#a1743c;}
.ins-all-txt{width:100%; height:auto; min-height:300px; font-size:16px; line-height:26px; color:#444;}
.ins-all-txt img{max-width:100%; height:auto;}
.ins-tt{width:100%; height:40px; font-size:36px; line-height:40px; color:#1b1b1b; margin:30px auto 20px; text-align:center;}
.ins-tt-h2{width:80%; height:auto; font-size:16px; line-height:20px; color:#1b1b1b; margin:0 auto 20px; text-align:center;}

.ins-tt02{width:100%; height:40px; font-size:36px; line-height:40px; color:#1b1b1b; margin:30px auto; position:relative;}
.ins-tt02 span{width:30px; height:30px; color:#333; text-align:center; position:absolute; right:0; top:5px;}
.ins-tt02 span i{font-size:24px;}
.ins-tt02 span a:hover{color:#a1743c;}

.c-more{width:100%; height:auto; overflow:hidden;}
.c-more a{width:150px; height:40px; margin:40px auto 0; color:#333; text-align:center; border:1px solid #444; line-height:38px; box-sizing:border-box; display:block; font-size:16px; border-radius:10px;}
.c-more a:hover{color:#a1743c; border-color:#a1743c;}
.l-more{width:150px; height:40px; color:#333; text-align:center; border:1px solid #444; line-height:38px; box-sizing:border-box; display:block; font-size:16px; border-radius:10px; margin-top:40px; overflow:hidden;}
.l-more:hover{color:#a1743c; border-color:#a1743c;}

/* 明星产品 */
.spro-img-t{width:94%; height:auto; margin:20px auto 50px; text-align:center; max-width:1800px;}
.spro-img-t img{display:block;}
.spro-list{width:100%; height:auto; margin:50px 0;}
.spro-list li{background:#e8e8e8; padding-bottom:50px; transition: all 0.2s !important;}
.spro-list li:hover{transform: translate(0, -10px);}
.sp-img{width:100%; height:auto; overflow:hidden;}
.sp-img img{display:block;}

/* 产品商城 */
.pro-menu{width:100%; height:auto; overflow:hidden; position:relative; padding-right:100px; margin-bottom:60px;}
.pro-menu ul{clear:both; margin-left:-20px;}
.pro-menu li{width:240px; height:88px; border:1px solid #ddd; border-radius:10px; padding:4px; box-sizing:border-box; float:left; margin-left:20px; overflow:hidden;}
.pro-menu-img{width:80px; height:80px; overflow:hidden; float:left;}
.pro-menu-tt{width:150px; height:80px; line-height:80px; font-size:16px; color:#333; float:right;}
.pro-menu li:hover{ border:1px solid #ff6700;}
.pro-menu li:hover .pro-menu-tt{color:#ff6700;}
.pro-menu-more{width:80px; height:60px; text-align:center; font-size:16px; line-height:20px; position:absolute; right:0; top:14px;}
.pro-menu-more i{font-size:24px; display:block; line-height:40px;}
.pro-menu-more a{color:#333;}
.pro-menu-more a:hover{color:#ff6700;}

.pro-list{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.pro-list li{margin-bottom:50px;}
.pro-show-list{width:100%; height:auto; overflow:hidden;}
.pro-show-list li{border-radius:10px; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro-show-list li img{display:block; transition:transform 0.3s;}
.pro-show-list li a:hover img{transform: scale(1.1);}

.pro-list-img{width:100%; height:auto; background:#e5e5e5; border-radius:10px; overflow:hidden; margin-bottom:10px;}
.pro-list-img img{display:block;}
.pro-list-tt{width:100%; height:auto; font-size:15px; line-height:20px; color:#1b1b1b; margin-bottom:10px; text-align:center;}
.pro-list-jg{width:100%; height:auto; font-size:18px; line-height:20px; color:#996c33; margin-bottom:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.pro-list-buy{width:80%; height:auto; font-size:15px; text-align:center; margin:0 auto;}
.pro-list-buy i{padding-right:3px; vertical-align:middle;}
.p-l-b-l{width:48%; height:40px; line-height:40px; background:#7e6b5a; border-radius:20px 0 0 20px; float:left; color:#fff;}
.p-l-b-r{width:48%; height:40px; line-height:40px; background:#d1c0a5; border-radius:0 20px 20px 0; float:right; color:#372f27;}
.pro-list-buy a:hover .p-l-b-l{background:#8a7867;}
.pro-list-buy a:hover .p-l-b-r{background:#dbcfbb;}

.pro-category{width:100%; height:auto; background:#fff; padding:10px 0 10px; margin-bottom:30px;}
.pro-category dl{width:100%; height:auto; padding:10px 0; font-size:16px; line-height:24px; margin:0 auto; display:block;}
.pro-category .list-dt{width:100px; height:30px; color:#7e6b5a; float:left; display:block; font-weight:bold;}
.pro-category .list-dt span i{padding-right:3px;}
.pro-category .list-dt > i{display:none;}
.pro-category .list-dd{width:calc(100% - 110px); height:auto; float:right;}
.pro-category .list-dd a{margin-right:20px; display:block; float:left; color:#666; padding:3px 12px; border-radius:10px;}
.pro-category .list-dd a:hover{background:#7e6b5a; color:#fff;}
.pro-category .list-dd .act{background:#d1c0a5; color:#fff;}

.pro-detail{width:100%; height:auto;}
.pro-detail-l{width:450px; height:auto; float:left;}
.pro-detail-r{width:calc(100% - 500px); height:auto; overflow:hidden; background:#fff; padding-left:30px; float:right;}
.clear{clear:both;}
/* 图片展示区域样式 */
.main-image{width:100%; height:450px; border:1px solid #eee; display:flex; align-items:center; justify-content:center; margin-bottom:15px; overflow:hidden; border-radius:8px; background-color:#f9f9f9;}
.main-image img{max-width:100%; max-height:100%; object-fit:contain; transition:opacity 0.3s;}
.thumbnail-container{display:flex; gap:10px; justify-content:center;}
.thumbnail{width:80px; height:80px; border:2px solid #eee; cursor:pointer; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; transition:all 0.3s; background-color:#f9f9f9;}
.thumbnail.active{border-color:#d1c0a5; transform:scale(1.05);}
.thumbnail img{max-width:100%; max-height:100%; object-fit:contain;}
/* 产品信息区域样式 */
.product-title{font-size:24px; font-weight:bold; margin-bottom:15px; color:#333; border-bottom:1px solid #eee; padding-bottom:10px;}
.service-list{width:100%; height:auto; background:#f5f5f5; padding:15px; border-radius:5px; margin-bottom:20px; overflow:hidden;}
.service-list h3{font-size:16px; margin-bottom:10px; color:#666;}
.service-list ul{list-style-type:none;}
.service-list li{width:30%; padding:5px 0; color:#666; font-size:14px; float:left; margin-right:3%;}
.service-list li:before{content:"\e63d"; font-family: 'iconfont'; color:#ff6700; font-weight:bold; padding-right:5px;}
.price{font-size:28px; color:#ff6700; font-weight:bold; margin-bottom:20px;}
.price .original{font-size:18px; color:#999; text-decoration:line-through; margin-left:10px;}
.option-group{margin-bottom:20px;}
.option-title{font-size:16px; margin-bottom:10px; color:#666;}
.color-options{display:flex; gap:15px;}
.color-option{width:80px; height:80px; border:2px solid #eee; border-radius:8px; cursor:pointer; position:relative; overflow:hidden; transition:all 0.3s;}
.color-option.active{border-color:#d1c0a5; transform:scale(1.05); box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);}
.color-option.active:after{content:"✓"; position:absolute; top:5px; right:5px; width:20px; height:20px; background:#d1c0a5; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold;}
.color-option img{width:100%; height:100%; object-fit:cover;}
.color-name{text-align:center; margin-top:5px; font-size:14px;}
.quantity-selector{display:flex; align-items:center; margin-bottom:30px;}
.quantity-btn{width:35px; height:35px; background:#f5f5f5; border:1px solid #ddd; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.quantity-input{width:60px; height:35px; text-align:center; border:1px solid #ddd; border-left:none; border-right:none; font-size:16px;}
.action-buttons{width:80%; display:flex; gap:15px;}
.btn{ padding:12px 30px; border:none; border-radius:4px; font-size:16px; cursor:pointer; transition:all 0.3s; flex:1; display:flex; align-items:center; justify-content:center;}
.btn-cart{background:#ff9500; color:white;}
.btn-buy{background:#d1c0a5; color:white;}
.btn:hover{opacity:0.9; transform:translateY(-2px); box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);}
.btn:active{transform:translateY(0);}

.pro-bottom{width:100%; height:auto; margin-top:50px;}
.pro-bottom-l{width:70%; height:auto; min-height:300px; overflow:hidden; float:left; border-top:1px solid #e5e5e5;}
.pro-bottom-l-tt{width:100%; height:auto; font-size:18px; line-height:40px; color:#7e6b5a; margin-bottom:20px; border-bottom:1px solid #e5e5e5; vertical-align:middle;}
.pro-bottom-l-tt i{padding-left:5px;}

.pro-bottom-r{width:25%; height:auto; min-height:300px; overflow:hidden; float:right; border:1px solid #e5e5e5; padding:0 10px; box-sizing:border-box;}
.pro-bottom-r-tt{width:100%; height:auto; font-size:18px; line-height:40px; color:#7e6b5a; border-bottom:1px solid #e5e5e5; text-align:center;}
.p-b-r-list{width:100%; height:auto; overflow:hidden;}
.p-b-r-list li{width:100%; height:auto; border-bottom:1px solid #e5e5e5; padding:25px 0;}
.p-b-r-list .l-img{width:80px; height:80px; float:left; border-radius:5px; border:1px solid #e5e5e5;}
.p-b-r-list .l-img img{display:block;}
.p-b-r-list .r-txt{width:calc(100% - 90px); height:auto; float:right; overflow:hidden;}
.p-b-r-list .r-txt h1{width:100%; height:20px; font-size:16px; line-height:20px; color:#333; margin:5px auto; overflow:hidden;}
.p-b-r-list .r-txt h2{width:100%; height:auto; line-height:20px; font-size:18px; color:#ff6700; margin-bottom:5px;}
.p-b-r-list .r-txt h2 span{font-size:14px; color:#999; text-decoration:line-through; margin-left:10px;}
.p-b-r-list .r-txt h3{width:100%; height:auto; line-height:20px; font-size:14px; color:#888;}
.p-b-r-list .r-txt h3 span{color:#888; padding-left:2px;}
.p-b-r-list li a:hover h1{color:#7e6b5a;}
.p-b-r-list li:last-child{ border-bottom:none;}

/* 关于我们 */
.ins-about{width:100%; height:auto; overflow:hidden; padding:20px; background:#f5f5f5; box-sizing:border-box;}
.ins-about-l{width:600px; height:auto; float:left;}
.ins-about-r{width:calc(100% - 650px); height:auto; overflow:hidden; float:right; font-size:16px; line-height:26px; color:#444; margin-top:30px;}

.ins-honor-w{width:100%; height:auto; padding:70px 0 120px; background: url(../images/bn-honor.jpg) repeat-x center top; margin-top:90px; position:relative;}
.ins-honor{width:90%; height:auto; max-width:1360px; margin:0 auto;}
.ins-honor-list{width:100%; height:auto;}
#honor-list .swiper-container{position:static;}
#honor-list .swiper-slide{background: #fff; border-radius:15px; overflow:hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); display:flex; flex-direction:column; cursor:pointer;}	
#honor-list .swiper-slide span{width:100%; height:40px; line-height:40px; background:rgba(161,116,60,0.5); display:block; text-align:center; color:#fff; position:absolute; left:0; bottom:0; z-index:2; font-size:16px;}
#honor-list .swiper-slide .img{width:100%; height:300px; padding:20px; text-align:center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
		}
#honor-list .swiper-slide:hover span{ background:rgba(161,116,60,0.9); transition:all 0.3s ease-out;}
#honor-list .swiper-slide .img img{ max-width:100%; height:auto; max-height:100%; width:auto; background:#C63;}
#honor-list .swiper-button-next,#honor-list .swiper-button-prev{color:#fff; background:rgba(0, 0, 0, 0.2); width:50px; height:50px; border-radius:50%; align-items:center; justify-content:center; position:absolute; top:55%; transform:translateY(-50%); z-index:10; cursor:pointer;}
#honor-list .swiper-button-next{right:5%;}
#honor-list .swiper-button-prev{left:5%;}
#honor-list .swiper-button-next:hover,#honor-list .swiper-button-prev:hover{background:rgba(0, 0, 0, 0.3);}
/* 新闻 */
.ins-news-w{width:90%; height:auto; max-width:1360px; margin:0 auto; padding:60px 0 80px;}
.ins-news-list{width:100%; height:auto; overflow:hidden;}
.ins-news-list .newsimg{width:100%; height:auto; max-height:263px; background:#eee; overflow:hidden; border-radius:15px;}
.ins-news-list .newsimg img{width:100%; height:100%; display:block; transition: transform 0.3s ease;}
.ins-news-list .newstt{width:100%; height:auto; line-height:20px; font-size:16px; color:#333; margin:10px auto 5px;}
.ins-news-list .newsdt{width:100%; height:20; line-height:20px; font-size:14px; color:#999;}
.ins-news-list li a:hover img{transform: scale(1.1);}
.ins-news-list li a:hover .newstt{color:#7e6b5a;}
.news-list{width:100%; height:auto; overflow:hidden;}
.news-list dt{width:100%; height:auto; border-bottom:4px solid #eee; overflow:hidden; padding-bottom:40px;}
.news-list .newsimg{width:45%; height:auto; background:#eee; overflow:hidden; float:left;}
.news-list .newsimg img{width:100%; height:100%; display:block; transition:transform 0.3s;}
.news-list .newstxt{width:50%; height:auto; overflow:hidden; float:right;}
.news-list .newstxt .newstt{width:100%; height:auto; line-height:30px; font-size:24px; color:#333; margin:10px auto;}
.news-list .newstxt .newsxt{width:100%; height:auto; line-height:24px; font-size:16px; color:#666; margin-bottom:10px;}
.news-list .newstxt .newsdt{width:100%; height:60; line-height:60px; font-size:48px; color:#1b1b1b;}
.news-list .newstxt .newsdt span{font-size:18px;}
.news-list dd{width:100%; height:auto; border-bottom:1px solid #eee; overflow:hidden; padding:20px 0; transition:all 0.3s ease-out;}
.news-list dd .newsdt{width:10%; height:auto; line-height:40px; font-size:16px; color:#7e6b5a; float:left; font-weight:bold;}
.news-list dd .newstt{width:80%; height:auto; line-height:40px; font-size:18px; color:#666; float:left;}
.news-list dd .newsi{width:30px; height:auto; line-height:40px; font-size:18px; color:#1b1b1b; text-align:center; float:right;}
.news-list dd:hover{background:#eee; padding-left:20px; transition:all 0.3s ease-out;}
.news-ny{width:100%; height:auto; overflow:hidden;}
.news-ny-l{width:70%; height:auto; overflow:hidden; float:left;}
.news-ny-tt{width:100%; height:auto; line-height:30px; font-size:24px; color:#333; margin:0 auto 10px;}
.news-ny-dt{width:100%; height:30; line-height:30px; font-size:14px; color:#999; margin-bottom:20px;}
.news-ny-dt span{padding-right:30px;}
.news-ny-dt i{font-size:16px; padding-right:3px;}
.news-ny-r{width:25%; height:auto; overflow:hidden; float:right;}
.news-ny-r-tt{width:100%; height:40px; font-size:20px; line-height:40px; color:#1b1b1b; position:relative; margin-bottom:10px;}
.news-ny-r-tt span{width:30px; height:30px; color:#333; text-align:center; position:absolute; right:0; top:5px;}
.news-ny-r-tt span i{font-size:20px;}
.news-ny-r-tt span a:hover{color:#a1743c;}
.news-ny-r li{width:100%; height:auto; border-bottom:2px solid #eee; overflow:hidden; padding:15px 0;}
.news-ny-r li .newsdt{width:100%; height:auto; line-height:24px; font-size:16px; color:#7e6b5a; font-family:"Times New Roman", Times, serif;}
.news-ny-r li .newstt{width:100%; height:auto; line-height:20px; font-size:15px; color:#666;}
.news-ny-r li a:hover .newstt{color:#7e6b5a;}

/* 招聘 */
.ins-job-w{width:100%; height:auto; overflow:hidden; padding:60px 0 40px; background:url(../images/bn-job.jpg) repeat-x center top; margin-top:20px; position:relative;}
.ins-job-n{width:90%; height:auto; max-width:1360px; margin:0 auto;}
.ins-job-list{width:100%; height:auto; background:#fff; border-radius:15px; padding:30px 50px; box-sizing:border-box; margin-top:40px; overflow:hidden;}
.ins-job-list dt div{height:60px; text-align:center; font-size:16px; font-weight:bold; line-height:60px; border-bottom:1px solid #ccc;}
.ins-job-list dd{width:100%; height:auto; overflow:hidden;}
.ins-job-list dd div{height:50px; text-align:center; font-size:16px; line-height:50px; border-bottom:1px dotted #ccc;}
.ins-job-list .lm01{width:30%; float:left;}
.ins-job-list .lm02{width:20%; float:left;}
.ins-job-list .lm03{width:20%; float:left;}
.ins-job-list .lm04{width:10%; float:left;}
.ins-job-list .lm05{width:20%; float:left;}
.inbg-job{background:#eee url(../images/bn-job.jpg) repeat-x center top; padding-bottom:60px; padding-top:20px !important;}
.ins-job{width:100%; height:auto; background:#fff; border-radius:15px; padding:30px 50px; box-sizing:border-box; margin-top:40px; overflow:hidden;}
.ins-job > ul > li{width:100%; height:auto; border-bottom:4px solid #eee; padding:30px 0;}
.ins-job-l{width:30%; height:auto; float:left; border-right:1px dotted #ccc; box-sizing:border-box;}
.ins-job-l li{width:100%; height:34px; color:#333; font-size:15px; line-height:34px;}
.ins-job-l li span{color:#555; padding-right:10px; font-weight:bold; font-size:16px;}
.ins-job-l li:nth-child(1){color:#7e6b5a; margin-bottom:10px; font-weight:bold; font-size:18px;}
.ins-job-l li:nth-child(1) span{color:#7e6b5a;}
.ins-job > ul > li:last-child{border-bottom:none;}
.ins-job-r{width:68%; height:auto; float:right;}
.ins-job-r .jobtt{width:100%; height:34px; color:#333; margin-bottom:10px; font-weight:bold; font-size:16px;}
.ins-job-r .jobtxt{width:100%; height:auto; line-height:28px; color:#555; font-size:15px;}
.jobjoin{width:100%; height:auto; line-height:28px; padding:20px; border:1px dashed #7e6b5a; border-radius:15px; color:#7e6b5a; font-size:15px; margin-bottom:30px;}

.ins-notice{width:100%; height:auto; overflow:hidden; padding:50px 50px; background:#f5f5f5; box-sizing:border-box; margin-top:30px;}
.ins-notice-l{width:500px; height:auto; float:right; border-radius:300px; overflow:hidden;}
.ins-notice-r{width:calc(100% - 580px); max-height:500px; overflow: auto; float:left; font-size:16px; line-height:26px; color:#444; padding:30px; background:#fff;}
.ins-ser-w{width:100%; height:auto; padding:60px 0 120px; background: url(../images/ser.jpg) repeat-x center top; margin-top:90px; position:relative;}
.ins-ser{width:90%; height:auto; max-width:1360px; margin:0 auto; overflow:hidden;}
.ins-ser li{margin-top:30px; transition:all 0.3s ease-out; cursor:pointer;}
.ins-ser .ser-con{width:120px; height:120px; line-height:120px; background:rgba(161,116,60,0.5); border-radius:100px; text-align:center; color:#fff; margin:0 auto;}
.ins-ser .con02{border-radius:15px; box-sizing:border-box; padding:10px;}
.ins-ser .ser-con i{font-size:64px;}
.ins-ser .ser-tt{width:100%; height:30px; line-height:30px; text-align:center; font-size:16px; color:#333; margin-top:20px;}
.ins-ser .ser-xx{width:70%; height:40px; line-height:40px; text-align:center; font-size:24px; color:#1b1b1b; background:rgba(255,255,255,0.3); margin:0 auto; border-radius:15px;}
.ins-ser li:hover{ margin-top:20px;}
.ins-contact{width:90%; height:auto; max-width:1360px; margin:40px auto 30px; overflow:hidden;}
/* 会员中心 */
.mcr-bn{width:100%; height:auto; border-radius:15px; overflow:hidden;}
.mcr-w{width:90%; height:auto; max-width:1360px; margin:0 auto;}
.mcr-n{width:100%; height:auto; /*overflow:hidden;*/ margin-top:20px;}
.mcr-l{width:260px; height:auto; overflow:hidden; float:left; border-radius:15px 0 0 15px;}
.mcr-l dt{width:100%; height:auto; padding:10px 20px; line-height:40px; font-size:20px; color:#fff; background:#a1743c; vertical-align:middle; text-align:center;}
.mcr-l dt i{font-size:20px; padding-left:3px;}
.mcr-l dd{width:100%; height:60px; line-height:60px; font-size:16px; color:#333; vertical-align:middle; text-indent:50px; margin-bottom:8px; background:#fff;}
.mcr-l dd i{font-size:20px; padding-right:3px;}
.mcr-l dd:last-child{margin-bottom:0;}
.mcr-l dd a{display:block;}
.mcr-l dd a:hover{color:#a1743c;}

.mcr-r{width:calc(100% - 280px); height:auto;/* overflow:hidden;*/ float:right; background:#fff; border-radius:0 15px 15px 0; min-height:400px; padding:0 20px 20px; box-sizing:border-box;}
.mcr-r-tt{width:100%; height:auto; padding:10px 0; line-height:39px; font-size:20px; color:#a1743c; vertical-align:middle; font-weight:bold;border-bottom: 1px solid #eee;}
.mcr-r-01{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.mcr-r-01 .mbimg{width:100px; height:100px; overflow:hidden; border-radius:50px; float:left; margin-left:50px;}
.mcr-r-01 .mbimg img{display:block;}
.mcr-r-01 .mbind{width:calc(100% - 180px); height:atuo; float:right; float:right; margin-top:5px;}
.mcr-r-01 .mbname{width:100%; height:auto; line-height:24px; font-size:18px; color:#333;}
.mcr-r-01 .mbname span{color:#0C9;}
.mcr-r-01 .mbwec{width:100%; height:auto; line-height:30px; font-size:16px; color:#333;}
.mcr-r-01 .mbid{width:100%; height:20px; line-height:20px; font-size:16px; color:#888;}
.mcr-r-02{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.mcr-r-02 ul{clear:both; margin-left:-2%;}
.mcr-r-02 li{width:23%; height:120px; float:left; margin-left:2%; display:block; position:relative; border-radius:10px;}
.mcr-r-02 li:nth-child(1){background:#F4C5BD;}
.mcr-r-02 li:nth-child(2){background: #DCF5B1;}
.mcr-r-02 li:nth-child(3){background: #B7E8F4;}
.mcr-r-02 li:nth-child(4){background: #DCF5B1;}

.mcr-r-02 li .tt01{width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#333; margin-top:30px; text-indent:30px;}
.mcr-r-02 li .tt02{width:100%; height:20px; line-height:20px; font-size:14px; color:#888; text-indent:30px;}
.mcr-r-02 li .ant01{width:70px; height:70px; position:absolute; top:25px; right:25px; background:rgba(255,255,255,0.5); text-align:center; border-radius:50%;}
.mcr-r-02 li .ant01 i{font-size:55px; line-height:70px;}
.mcr-r-02 li:nth-child(1) .ant01 i{color:#F4C5BD;}
.mcr-r-02 li:nth-child(2) .ant01 i{color:#DCF5B1;}
.mcr-r-02 li:nth-child(3) .ant01 i{color:#B7E8F4;}
.mcr-r-02 li:nth-child(4) .ant01 i{color:#DCF5B1;}

.mcr-r-03{width:100%; height:auto; overflow:hidden; margin-top:36px;}
.mcr-r-tt02{ height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#333; margin:20px 0 15px; padding-left:10px; border-left:4px solid #a1743c;}
.mcr-r-03 li{margin-bottom:20px; box-sizing:border-box;}
.mcr-r-03 li:hover .pro-list-tt{ text-decoration:underline;}

.mcr-r-04{width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.mcr-r-04 ul{border-top:1px solid #ddd; padding-top:10px;}
.mcr-r-04 li{width:100%; height:auto; padding:6px 0; line-height:22px; font-size:16px; vertical-align:middle;}
.mcr-r-04 li a:hover{color:#a1743c;}
.mcr-r-04 li i{font-size:12px; padding-right:3px;}
.mcr-r-04 .lastli a{font-size:14px; color:#a1743c;}

.mcr-hp{width:100%; height:auto; overflow:hidden; margin-bottom:20px; position:relative;}
.mcr-hp-tt{width:100%; height:auto; line-height:30px; font-size:20px; color:#a1743c; margin:30px auto 10px;}
.mcr-hp-tt i{color:#a1743c; font-size:20px; padding-right:5px;}
.mcr-hp .hpmore{width:120px; height:40px; margin-top:30px;}
.mcr-hp .hpmore a{width:120px; height:40px; border:1px solid #666; color:#444; font-size:16px; display:block; border-radius:3px; line-height:39px; text-align:center;}
.mcr-hp .hpmore a:hover{border-color:#a1743c; color:#a1743c;}
/* 会员信息 */
.minfo-l{width:48%; height:auto; /*overflow:hidden;*/ float:left; margin-bottom:20px;}
.minfo-l .mbimg{width:100px; height:100px; overflow:hidden; border-radius:50px; margin:30px auto 0; border:3px solid #a1743c;}
.minfo-l .mbimg img{display:block; width:100%; height:100%; object-fit:cover;}
.minfo-l .mbname{width:100%; height:auto; line-height:24px; font-size:18px; color:#333; text-align:center; margin:15px 0 5px;}
.minfo-l .mbname span{color:#0C9;}
.minfo-l .mbid{width:100%; height:20px; line-height:20px; font-size:16px; color:#888; text-align:center; margin-bottom:20px;}
.minfo-l dt{width:100%; height:auto;}
.minfo-l dd{width:100%; height:auto; padding:12px 15px; line-height:24px; font-size:15px; color:#333; border-top:1px solid #eee; display:flex; justify-content:space-between;}
.minfo-l dd:last-child{border-top:1px solid #eee;}
.minfo-r{width:48%; height:auto; /*overflow:hidden;*/ float:right;}
.minfo-r li{width:100%; height:auto; padding:15px; line-height:24px; font-size:16px; color:#333; border:1px solid #ddd; border-radius:6px; margin-bottom:20px; background:#f9f9f9; position:relative;}
.wlant{position:absolute; top:10px; right:10px; background:#a1743c; color:white; padding:2px 8px; border-radius:4px; font-size:12px;}
.wlname, .wlphone, .wladd{margin-bottom:8px;}
.btn-group{text-align:center; margin:20px 0; clear:both;}
.mcr-r .btn{display:inline-block; padding:8px 20px; margin-left:10px; border-radius:4px; cursor:pointer; font-size:14px; border:none; transition:all 0.3s;}
.btn-edit{background:#a1743c; color:white;}
.btn-edit:hover{background:#8a6330;}
.btn-save{background:#0C9; color:white;}
.btn-save:hover{background:#008e6a;}
.btn-cancel{background:#f0f0f0; color:#666;}
.btn-cancel:hover{background:#e0e0e0;}
.btn-add{background:#a1743c; color:white; margin-bottom:15px;}
.btn-add:hover{background:#8a6330;}
.btn-delete{background:#ff4d4f; color:white; padding:4px 10px; font-size:12px; margin-top:10px;}
.btn-delete:hover{background:#d9363e;}
.mif01 input, .mif01 textarea, .mif01 select{width:70%; padding:6px 10px; border:1px solid #ddd; border-radius:4px; font-size:14px;}
.mcr-r textarea{width:100%;}
.mcr-r textarea::placeholder{ font-size:14px; font-family:"Microsoft YaHei", "微软雅黑", sans-serif;}
.address-select{display:flex; margin-bottom:10px;}
.address-select select{flex:1; margin-right:5px; margin-top:10px;}
.address-select select:last-child{margin-right:0;}
.empty-state{text-align:center; padding:30px; color:#999; border:1px dashed #ddd; border-radius:6px;}
.empty-state p{margin-bottom:15px;}
.edit-mode .view-mode{display:none;}
.view-mode .edit-mode{display:none;}
/* 会员订单 */
.order-tabs{display:flex; margin-bottom:20px; border-bottom:1px solid #eee;}
.order-tab{padding:10px 20px; cursor:pointer; font-size:16px; color:#666; position:relative; transition:all 0.3s;}
.order-tab.active{color:#a1743c; font-weight:bold;}
.order-tab.active::after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background-color:#a1743c;}
.order-tab:hover{color:#a1743c;}
/* 订单列表 */
.myorder ul{list-style:none;}
.myorder .order-item{border:1px solid #eee; border-radius:8px; margin-bottom:20px; overflow:hidden; transition:all 0.3s;}
.myorder .order-item:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.order-header{display:flex; justify-content:space-between; padding:15px 20px; background-color:#f9f9f9; border-bottom:1px solid #eee;}
.order-no{font-size:14px; color:#666;}
.order-no span{color:#333; font-weight:bold;}
.order-status{font-size:14px; font-weight:bold;}
.status-payment{color:#e4393c;}
.status-pending{color:#e6a23c;}
.status-shipped{color:#409eff;}
.status-completed{color:#67c23a;}
.order-content{padding:20px;}
.order-product{display:flex; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #f5f5f5;}
.order-product:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.product-img{width:80px; height:80px; border-radius:4px; overflow:hidden; margin-right:15px;}
.product-img img{width:100%; height:100%; object-fit:cover;}
.product-info{flex:1;}
.product-name{font-size:16px; margin-bottom:8px; line-height:1.4;}
.product-spec{font-size:14px; color:#999; margin-bottom:8px;}
.product-price{font-size:16px; color:#e4393c; font-weight:bold;}
.product-quantity{font-size:14px; color:#666;}
/* 物流信息 */
.logistics-info{margin-top:15px; padding:12px 15px; background-color:#f9f9f9; border-radius:4px; font-size:14px;}
.logistics-title{font-weight:bold; margin-bottom:5px; color:#333;}
.logistics-detail{color:#666;}
.logistics-number{color:#a1743c; font-weight:bold;}
.order-footer{display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background-color:#f9f9f9; border-top:1px solid #eee;}
.myorder .order-total{font-size:16px; color:#333;}
.myorder .order-total span{color:#e4393c; font-weight:bold; font-size:18px;}
.myorder .order-actions{display:flex;}
.myorder .order-btn{padding:8px 16px; margin-left:10px; border-radius:4px; cursor:pointer; font-size:14px; transition:all 0.3s; text-decoration:none; display:inline-block;}
.btn-primary{background-color:#a1743c; color:white; border:none;}
.btn-primary:hover{background-color:#8a6330;}
.btn-default{background-color:#fff; color:#666; border:1px solid #ddd;}
.btn-default:hover{background-color:#f5f5f5;}
/* 空状态 */
.empty-order{text-align:center; padding:60px 20px; color:#999;}
.empty-icon{font-size:60px; margin-bottom:20px; color:#ddd;}
.empty-text{font-size:16px; margin-bottom:20px;}
.empty-btn{display:inline-block; padding:10px 20px; background-color:#a1743c; color:white; border-radius:4px; text-decoration:none; font-size:14px;}
/* 订单详情页样式 */
.order-detail{display: none; padding: 20px; border: 1px solid #eee; border-radius: 8px; margin-top: 20px; background-color: #f9f9f9;}
.detail-header{font-size: 18px; font-weight: bold; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.detail-section{margin-bottom: 20px;}
.detail-title{font-weight: bold; margin-bottom: 10px; color: #333;}
.detail-content{background-color: white; padding: 15px; border-radius: 4px; border: 1px solid #eee;}
.detail-row{display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5;}
.detail-row:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.detail-label{width: 100px; color: #666;}
.detail-value{flex: 1; color: #333;}
.back-btn{display: inline-block; padding: 8px 16px; background-color: #a1743c; color: white; border-radius: 4px; text-decoration: none; margin-top: 15px;}
/* 购物车 */
.cart-item{display:flex; padding:15px 0; border-bottom:1px solid #eee; align-items:center;}
.item-checkbox{margin-right:15px;}
.item-image{width:100px; height:100px; background-color:#f9f9f9; border-radius:8px; margin-right:15px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.item-image img{max-width:90%; max-height:90%;}
.item-info{flex:1;}
.item-name{font-size:16px; font-weight:bold; margin-bottom:5px; color:#333;}
.item-spec{font-size:14px; color:#666; margin-bottom:8px;}
.item-price{font-size:16px; color:#e4393c; margin-bottom:8px;}
.item-quantity{display:flex; align-items:center;}
.quantity-btn{width:28px; height:28px; background-color:#f5f5f5; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:16px; user-select:none;}
.quantity-input{width:50px; height:28px; text-align:center; border:1px solid #ddd; margin:0 5px;}
.item-total{font-size:18px; color:#e4393c; font-weight:bold; margin-left:20px; min-width:100px; text-align:right;}
.item-actions{margin-left:20px;}
.delete-btn{color:#999; cursor:pointer; font-size:14px;}
.delete-btn:hover{color:#e4393c;}
.cart-footer{display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding-top:15px; border-top:1px solid #eee;}
.select-all{display:flex; align-items:center;}
.select-all input{margin-right:8px;}
.total-price{font-size:18px; color:#333;}
.total-price span{color:#e4393c; font-weight:bold; font-size:22px; margin-left:5px;}
.checkout-btn{background-color:#e4393c; color:white; border:none; padding:12px 40px; font-size:18px; border-radius:4px; cursor:pointer; transition:background-color 0.3s;}
.checkout-btn:hover{background-color:#c62f2f;}
.empty-cart{text-align:center; padding:60px 0; color:#999;}
.empty-cart img{width:120px; margin-bottom:20px; opacity:0.6;}

.checkout-page{display: none;}
.checkout-title{font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #333;}
.order-summary{background-color: #f9f9f9; border-radius: 8px; padding: 15px; margin-bottom: 20px;}
.checkout-page .order-item{display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 14px;}
.checkout-page .order-total{display: flex; justify-content: space-between; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd; font-size: 14px;}
.checkout-page .order-total span{font-size:16px; color:#e4393c; font-weight: bold;}     .payment-methods{margin-bottom: 20px;}
.payment-title{font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #333;}
.payment-option{display: flex; align-items: center; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px; cursor: pointer; transition: all 0.3s;}
.payment-option:hover{background-color: #f9f9f9;}
.payment-option.selected{border-color: #e4393c; background-color: #fff5f5;}
.payment-icon{width: 30px; height: 30px; margin-right: 15px; display: flex; align-items: center; justify-content: center; border-radius: 4px; overflow: hidden;}
.alipay-icon{background-color: #1677ff; color: white;}
.wechat-icon{background-color: #07c160; color: white;}
.payment-name{font-size: 16px; font-weight: bold;}
.payment-desc{font-size: 12px; color: #999; margin-left: auto;}
.confirm-payment{display: flex; justify-content: flex-end; margin-top: 20px;}
.pay-btn{background-color: #e4393c; color: white; border: none; padding: 12px 40px; font-size: 18px; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;}
.pay-btn:hover{background-color: #c62f2f;}
.back-to-cart{background-color: #f5f5f5; color: #666; border: 1px solid #ddd; padding: 12px 25px; font-size: 16px; border-radius: 4px; cursor: pointer; margin-right: 15px; transition: all 0.3s;}
.back-to-cart:hover{background-color: #eaeaea;}

.deliver-to { width: 100%; text-align: right; margin-top: 15px; line-height: 28px;}
	.deliver-to .selects { border: 1px solid #ddd; height: 28px;}
	.deliver-to .adds { border-radius: 4px; background: #a1743c; padding: 2px 5px; color: #FFF; font-size: 13px;}

ul.user-info { }
	ul.user-info li { width: 100%; height: auto; padding: 12px 15px; line-height: 24px; font-size: 15px; color: #333; border-top: 1px solid #eee; }

.region-frame { position: relative; margin-bottom: 5px; margin-top: 5px; line-height: 26px; height: 30px;}
	.region-frame input { width: 100% !important;}

	.region-frame dd { width: auto; padding: 0; display: unset; justify-content: normal; font-size: 14px;}
	.region-frame dd:last-child { border-top: none;}

	.region-frame .city-picker-span { width:100% !important; height: 30px !important; line-height: 28px !important; border: 1px solid #ddd; border-radius: 4px; padding-left: 10px;}
	.region-frame .city-picker-span > .placeholder { color: #757575; font-weight: normal; font-size: 14px;}

	.region-frame .city-picker-dropdown { width:100% !important;}



.basic-info .displays { display: none;}
	.basic-info .displays.active { display: block;}

	.basic-info .forms { display: none;}
	.basic-info .forms.active { display: block;}

.user-address .items { margin-bottom: 8px;}
	.user-address .floats span { position:absolute; top:10px; right:10px; background:#ddd; color: #000; border: solid 1px #ddd; padding:2px 8px; border-radius:4px; font-size:12px;}
	.user-address.edits .floats span { cursor: pointer;}
	.user-address .floats span.active { background:#a1743c; border: solid 1px #a1743c; color:#FFF;}


/* Scene Result Start */
.scene-result { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.33); z-index: 99999999999 !important; display: none; align-items: center; color: #FFF;}
	.scene-result.active { display: flex;}
	.scene-result .frames { text-align: center; margin: 0 auto;}

	.scene-result .frames .boxs { position: relative; padding: 30px 20px; background: #dfd4c2; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;opacity: 0.98;transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
	.scene-result .frames .boxs .heads { text-align: center; }
	.scene-result .frames .boxs .heads .titles { margin-bottom: 20px; color: #5a4632; font-weight: 700; font-size: 20px; letter-spacing: 2px;}
	.scene-result .frames .boxs .results { font-size: 17px; line-height: 1.6;}
	.scene-result .frames .boxs .results .qrcodes { position: relative;}
	.scene-result .frames .boxs .results .qrcodes .layers { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); color: #FFF; font-weight: 700; font-size: 16px; display: none;}
	.scene-result .frames .boxs .results .qrcodes.active .layers { display: flex; text-align: center; justify-content: center; align-items: center;}
	.scene-result .frames .boxs .results span { font-size: 20px; font-weight: 700;}

	.scene-result .frames .boxs .closes { position: absolute; top: 15px; right: 15px; cursor: pointer;}

	.order-payment-tips { color: #1b1b1b;}
	.order-payment-countdown { color: #5a4632;}
/* Scene Result Start */
.retrieve-again { cursor: pointer;}

/* Login Oauth Start */
.login-oauth { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.33); z-index: 99999999999 !important; display: none; align-items: center; color: #FFF;}
	.login-oauth.active { display: flex;}
	.login-oauth .frames { text-align: center; /*width: 36.000000%;*/ margin: 0 auto;}

	.login-oauth .frames .boxs { position: relative; padding: 30px 20px; background: #dfd4c2; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;opacity: 0.98;transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
	.login-oauth .frames .boxs .heads { text-align: center; }
	.login-oauth .frames .boxs .heads .titles { margin-bottom: 20px; color: #5a4632; font-weight: 700; font-size: 20px; letter-spacing: 2px;}
	.login-oauth .frames .boxs .results { font-size: 17px; line-height: 1.6;}
	.login-oauth .frames .boxs .results span { font-size: 20px; font-weight: 700;}

	.login-oauth-scans { color: #5a4632;}

	.login-oauth-tips { color: #1b1b1b; font-size: 17px; margin-top: 20px;}
	.login-oauth-tips span { color: #8b0202; font-size: 20px; font-weight: 700;}

	.login-oauth .frames .boxs .closes { position: absolute; top: 15px; right: 15px; cursor: pointer;}
/* Login Oauth Start */



@media screen and (max-width: 1440px){
.ins-about-l{width:500px;}
.ins-about-r{width:calc(100% - 550px);}

}

@media screen and (max-width: 1180px){
.ins-banner{height:360px; margin-top:134px;}
.bn-about,.bn-ser,.bn-pro,.bn-ucenter,.bn-contact{background-size:cover;}
.ins-tt{height:36px; font-size:30px; line-height:36px; margin:30px auto 20px;}
.ins-tt-h2{width:80%; height:auto; font-size:16px; line-height:20px;}
.ins-tt02{height:36px; font-size:30px; line-height:36px; margin:30px auto;}

.pro-menu{padding-right:80px; margin-bottom:10px;}
.pro-menu li{width:30%; height:68px; border-radius:10px; margin-bottom:20px;}
.pro-menu-img{width:60px; height:60px; overflow:hidden; float:left;}
.pro-menu-tt{width:calc(100% - 70px); height:60px; line-height:60px; font-size:16px;}
.pro-menu-more{width:60px; height:50px; font-size:14px; line-height:20px; right:0; top:9px;}
.pro-menu-more i{font-size:20px; display:block; line-height:30px;}

.pro-list-buy{width:90%; font-size:13px;}
.pro-list-buy i{font-size:14px;}
.p-l-b-l{width:70%; height:30px; line-height:30px; border-radius:20px; float:none; margin:0 auto;}
.p-l-b-r{display:none;}

.ins-about-l{width:80%; margin:30px auto; float:none;}
.ins-about-r{width:100%; float:none;}

.news-ny-l{width:100%; float:none;}
.news-ny-r{ display:none;}
.ins-notice-l{width:400px; float:right;}
.ins-notice-r{width:calc(100% - 450px); max-height:400px; float:left; font-size:16px; line-height:26px; padding:30px;}

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

}

@media screen and (max-width: 768px){
.ins-banner{height:220px; margin-top:90px;}
.bn-mcr{height:80px; margin-top:90px; background-size: cover;}
.ins-tt{height:30px; font-size:24px; line-height:30px; margin:10px auto 20px;}
.ins-tt-h2{width:80%; height:auto; font-size:14px; line-height:20px;}
.ins-tt02{height:30px; font-size:24px; line-height:30px; margin:10px auto 20px;}
.c-more a{width:120px; height:40px; margin:40px auto 0; line-height:38px; font-size:15px; border-radius:10px;}
.spro-list{margin:10px 0 30px;}
.mbx-w{height:40px; margin-bottom:10px;}
.mbx{width:94%; height:40px; line-height:40px; font-size:14px;}
.mt134-90{margin-top:60px;}
.ins-w{padding:40px 0 20px;}
.ins-w-in{padding:90px 0 0;}
.ins-n{width:92%;}
.spro-img-t{margin:0 auto 30px;}
.ins-all-tt{font-size:18px; line-height:30px; margin-bottom:10px;}
.ins-all-tt span{width:30px; height:30px; top:0px;}
.ins-all-tt span i{font-size:20px;}
.ins-all-txt{font-size:14px; line-height:24px; color:#444; min-height:200px;}
.pro-menu{padding-right:0px; margin-bottom:10px;}
.pro-menu ul{clear:both; margin-left:-5%;}
.pro-menu li{width:45%; height:68px; border-radius:10px; margin-left:5%; margin-bottom:20px;}
.pro-menu-img{width:60px; height:60px; overflow:hidden; float:left;}
.pro-menu-tt{width:calc(100% - 70px); height:60px; line-height:60px; font-size:16px;}
.pro-menu-more{ display:none;}

.pro-list{margin-bottom:20px;}
.pro-list li{margin-bottom:30px;}
.pro-list-tt{font-size:14px; line-height:18px; margin-bottom:5px;}
.pro-list-jg{font-size:15px; line-height:20px; margin-bottom:7px;}

.pro-category{width:100%; height:auto;}
.pro-category dl{width:96%; height:auto; padding:5px 0; font-size:14px; line-height:24px; margin:0 auto; display:block;}
.pro-category .list-dt{width:100%; height:30px; color:#ff552e; float:none; display:block; border-bottom:1px solid #eee; margin-bottom:1px; position:relative;}
.pro-category .list-dt > i{color:#999; cursor: pointer; position:absolute; right:10px; display:inline-block;}
.pro-category .list-dd{width:100%; height:auto; float:none; margin-top:10px;}
.pro-category .list-dd a{margin-right:20px; display:block; float:left; color:#666; padding:0;}
.pro-category .list-dd .act{background:none; color:#ff552e;}

.pro-detail-l, .pro-detail-r{width:100%; float:none;}
.pro-detail-r{padding-left:0; margin-top:20px;}
.pro-detail-l{height:auto;}
.main-image{height:auto;}
.option-title{font-size:15px; margin-bottom:8px; color:#666;}
.color-options{flex-wrap:wrap;}
.action-buttons{width:100%;}
.color-options{padding-left:2px;}
.color-option{width:60px; height:60px;}
.color-option.active:after{top:3px; right:3px; width:15px; height:15px; font-size:12px; font-weight:normal;}
.service-list li{width:45%; padding:5px 0; font-size:13px; margin-right:5%;}
.product-title{font-size:18px; margin-bottom:15px; padding-bottom:10px; text-align:center;}
.price{font-size:18px; margin-bottom:20px; text-align:right; padding-right:10px;}
.price .original{font-size:15px; margin-left:0px; font-weight:normal;}

.pro-bottom{margin-top:20px;}
.pro-bottom-l-tt{font-size:16px; line-height:40px; margin-bottom:20px; text-align:center;}
.pro-bottom-l{float:none; width:100%;}
.pro-bottom-r{display:none;}

.ins-about{padding:20px;}
.ins-about-l{width:100%; margin:10px auto;}
.ins-about-r{font-size:15px; line-height:22px;}

.ins-honor-w{padding:40px 0 60px; margin-top:40px;}
#honor-list .swiper-slide span{height:36px; line-height:36px; font-size:14px;}

.ins-news-w{padding:40px 0 40px;}
.ins-news-list .newstt{line-height:20px; font-size:15px; margin:10px auto 5px; max-height:40px; overflow:hidden;}
.ins-news-list .newsdt{font-size:13px;}
.news-list dt{padding-bottom:30px;}
.news-list .newsimg{width:50%; float:left;}
.news-list .newstxt{width:45%; float:right;}
.news-list .newstxt .newstt{line-height:28px; font-size:18px; margin:10px auto;}
.news-list .newstxt .newsxt{ display:none;}
.news-list .newstxt .newsdt{height:40; line-height:40px; font-size:36px;}
.news-list .newstxt .newsdt span{font-size:16px;}
.news-list dd{padding:10px 0;}
.news-list dd .newsdt{width:15%; line-height:30px; font-size:15px; float:left;}
.news-list dd .newstt{width:70%; line-height:30px; font-size:16px; float:left;}
.news-list dd .newsi{width:30px; line-height:30px; font-size:16px; float:right;}
.news-list dd:hover{padding-left:20px;}
.news-ny-tt{line-height:24px; font-size:18px; margin:0 auto 5px;}
.news-ny-dt{width:100%; height:30; line-height:30px; font-size:14px; color:#999; margin-bottom:20px;}
.news-ny-dt span{padding-right:30px;}
.news-ny-dt i{font-size:16px; padding-right:3px;}


.ins-job-w{padding:20px 0 20px; margin-top:40px;}
.ins-job-list dt div{height:60px; font-size:15px; line-height:60px;}
.ins-job-list dd div{height:50px; font-size:14px; line-height:50px;}
.inbg-job{padding-bottom:40px;}

.ins-ser-w{padding:60px 0 120px; margin-top:30px;}
.ins-notice-l{width:200px; float:right;}
.ins-notice-r{width:calc(100% - 240px); max-height:400px; float:left; font-size:16px; line-height:26px; padding:20px;}

.minfo-l, .minfo-r{width: 100%; float:none; margin-bottom:20px;}
.address-select select{width:100%; margin-right:5px; margin-bottom:5px;}
.mcr-n{margin-top:10px; margin-bottom:20px;}
.mcr-l{display:none;}
.mcr-r{width:100%; float:none; border-radius:0;}

.mcr-r-tt{padding:10px 0; line-height:34px; font-size:18px;}
.mcr-r-01 .mbimg{width:90px; height:90px; overflow:hidden; border-radius:50px; float:left; margin-left:30px;}
.mcr-r-01 .mbind{width:calc(100% - 140px);}
.mcr-r-01 .mbname{font-size:16px;}
.mcr-r-01 .mbwec{line-height:28px; font-size:15px;}
.mcr-r-01 .mbid{font-size:14px;}
.mcr-r-02{margin-top:20px;}
.mcr-r-02 ul{margin-left:-1.33333%;}
.mcr-r-02 li{width:32%; height:100px; margin-left:1.33333%;}

.mcr-r-02 li .tt01{font-size:16px; margin-top:20px; text-indent:20px;}
.mcr-r-02 li .tt02{font-size:14px; color:#888; text-indent:20px;}
.mcr-r-02 li .ant01{width:60px; height:60px; top:20px; right:20px;}
.mcr-r-02 li .ant01 i{font-size:45px; line-height:60px;}

.mcr-r-tt02{font-size:16px; margin:20px 0 15px; padding-left:10px;}
.mcr-r-03 li{margin-bottom:20px; box-sizing:border-box;}
.mcr-r-03 li:hover .pro-list-tt{ text-decoration:underline;}

.mcr-r-04{margin-bottom:20px;}
.mcr-r-04 ul{padding-top:10px;}
.mcr-r-04 li{padding:5px 0; line-height:22px; font-size:15px;}

.order-header, .order-footer{flex-direction:column; align-items:flex-start;} 
.order-status{margin-top:10px;} 
.order-footer{align-items:stretch;} 
.order-total{margin-bottom:15px;} 
.order-actions{flex-wrap:wrap;} 
.order-btn{margin:5px; flex:1; text-align:center;} 
.order-tabs{overflow-x:auto; white-space:nowrap; padding-bottom:10px;} 
.order-tab{padding:8px 15px;}

.cart-item{flex-wrap:wrap;}
.item-total{margin-left:0; margin-top:10px; text-align:left; width:100%;}
.item-actions{margin-left:auto;}
.checkout-btn{ padding:8px 20px; font-size:16px;}
.total-price{font-size:16px; color:#333;}
.total-price span{color:#e4393c; font-weight:bold; font-size:18px; margin-left:2px;}

.confirm-payment {flex-direction: column;}
.back-to-cart {margin-right: 0; margin-bottom: 10px; width: 100%;}
.pay-btn{width: 100%;}

	/* Scene Result Start */
	.scene-result .frames { width: calc(100% - 10px);}
	.scene-result .frames .boxs { padding-left: 15px; padding-right: 15px;}
	.scene-result .frames .boxs .results { font-size: 15px; line-height: 1.4;}
	.scene-result .frames .boxs .results span { font-size: 17px;}
	/* Scene Result Start */

	/* Login Oauth Start */
	.login-oauth .frames { width: calc(100% - 10px);}
	.login-oauth .frames .boxs { padding-left: 15px; padding-right: 15px;}
	.login-oauth .frames .boxs .results { font-size: 15px; line-height: 1.4;}
	.login-oauth .frames .boxs .results span { font-size: 17px;}
	/* Login Oauth Start */
}
@media screen and (max-width: 480px){
.ins-banner{height:150px;}
.bn-mcr{height:70px; margin-top:90px; background-size: cover;}
.tc-z{margin-bottom:40px !important;}
.ins-all-tt span{width:24px; height:24px; top:2px;}
.ins-all-tt span i{font-size:20px;}
.ins-tt{height:30px; font-size:18px; line-height:30px; margin:10px auto 10px;}
.ins-tt-h2{width:90%; font-size:13px; line-height:20px;}
.ins-tt02{height:30px; font-size:20px; line-height:30px; margin:10px auto 20px;}
.ins-tt02 span{width:24px; height:24px; top:2px;}
.ins-tt02 span i{font-size:20px;}
.c-more a{width:40%; height:36px; margin:30px auto 0; line-height:34px; font-size:14px;}
.l-more{width:30%; height:36px; line-height:34px; font-size:14px; margin-top:20px; overflow:hidden;}
.ptb70-50{padding:40px 0 30px;}
.spro-list li{margin-bottom:20px;}
.spro-img-t{margin:20px auto 30px; text-align:center; max-width:1800px;}

.ins-honor{width:80%;}
#honor-list .swiper-slide .img{height:280px; padding:10px;}
#honor-list .swiper-button-next,#honor-list .swiper-button-prev{width:36px; height:36px;}
#honor-list .swiper-button-next{right:2%;}
#honor-list .swiper-button-prev{left:2%;}
#honor-list .swiper-button-next:after,#honor-list .swiper-button-prev:after{font-size:18px;}
.pro-menu li{height:58px; margin-bottom:20px;}
.pro-menu-img{width:50px; height:50px;}
.pro-menu-tt{width:calc(100% - 50px); height:50px; line-height:50px; font-size:15px;}


.ins-about{padding:10px 20px 20px;}
.ins-about-r{font-size:14px; line-height:22px;}

.ins-honor-w{padding:40px 0 60px; margin-top:40px; background-size:cover;}
#honor-list .swiper-slide span{height:36px; line-height:36px; font-size:14px;}

.ins-news-w{padding:40px 0 0;}
.ins-news-list li{margin-bottom:25px;}
.ins-news-list .newstt{line-height:20px; font-size:14px; margin:10px auto 5px; max-height:40px; overflow:hidden;}
.ins-news-list .newsdt{font-size:12px;}
.news-list dt{padding-bottom:30px;}
.news-list .newsimg{width:100%; float:none;}
.news-list .newstxt{width:100%; float:none;}
.news-list .newstxt .newstt{line-height:24px; font-size:16px; margin:5px auto;}
.news-list .newstxt .newsdt{height:30; line-height:30px; font-size:18px; margin-top:10px;}
.news-list .newstxt .newsdt span{font-size:18px;}
.news-list dd{padding:15px 0;}
.news-list dd .newsdt{width:25%; line-height:20px; font-size:14px; float:left; font-weight:normal;}
.news-list dd .newstt{width:72%; line-height:20px; font-size:14px; float:right;}
.news-list dd .newsi{ display:none;}
.news-ny{margin-bottom:40px;}

.ins-job-w{padding:10px 0 10px; margin-top:30px; background-size:auto;}
.inbg-job{padding-bottom:30px;}
.ins-job-list{padding:10px 20px 30px; margin-top:20px;}
.ins-job-list dt div{height:55px; font-size:15px; line-height:55px;}
.ins-job-list dd div{height:45px; font-size:14px; line-height:45px;}
.ins-job-list .lm01{width:40%;}
.ins-job-list .lm02{width:35%;}
.ins-job-list .lm03{ display:none;}
.ins-job-list .lm04{width:25%;}
.ins-job-list .lm05{ display:none;}
.ins-job{padding:10px 20px 30px; margin-top:20px;}
.ins-job-l{width:100%; float:none; border-right:none; margin-bottom:20px;}
.ins-job-l li{height:24px; font-size:13px; line-height:24px;}
.ins-job-l li span{padding-right:10px; font-size:14px;}
.ins-job-l li:nth-child(1){margin-bottom:5px; font-size:15px;}
.ins-job-r{width:100%; float:none;}
.ins-job-r .jobtt{height:24px; margin-bottom:5px; font-size:15px;}
.ins-job-r .jobtxt{line-height:24px; font-size:13px;}
.jobjoin{line-height:24px; padding:20px; font-size:14px; margin-bottom:10px;}

.ins-notice{padding:30px 10px;}
.ins-notice-l{width:150px; float:none; margin:0 auto 30px;}
.ins-notice-r{width:100%; max-height:400px; float:none; font-size:14px; line-height:24px; padding:20px;}

.ins-ser-w{padding:60px 0 90px; margin-top:30px; background-size:cover;}
.ins-ser .ser-con{width:100px; height:100px; line-height:100px;}
.ins-ser .con02{padding:5px;}
.ins-ser .ser-con i{font-size:48px;}
.ins-ser .ser-tt{height:24px; line-height:24px; font-size:15px; margin-top:10px;}
.ins-ser .ser-xx{width:70%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#1b1b1b; background:rgba(255,255,255,0.3); margin:0 auto; border-radius:15px;}
.ins-ser li:hover{ margin-top:0px;}
.ins-ser li:nth-child(1){margin-top:10px;}
.p4-0{padding:0px;}

.mcr-n{margin-top:10px; margin-bottom:20px;}
.mcr-l{display:none;}
.mcr-r{width:100%; float:none; border-radius:0;}
.mcr-r-tt{padding:8px 0; line-height:34px; font-size:16px;}
.mcr-r-01{margin-top:10px;}
.mcr-r-01 .mbimg{width:60px; height:60px; margin-left:0px;}
.mcr-r-01 .mbind{width:calc(100% - 70px); margin-top:2px;}
.mcr-r-01 .mbname{font-size:15px;}
.mcr-r-01 .mbwec{line-height:20px; font-size:14px; margin-bottom:5px; color:#999;}
.mcr-r-01 .mbid{font-size:13px;}
.mcr-r-02{margin-top:20px;}
.mcr-r-02 ul{margin-left:-2%;}
.mcr-r-02 li{width:48%; height:100px; margin-left:2%;}
.mcr-r-02 li:nth-child(1){width:98%; margin-bottom:8px;}
.mcr-r-02 li .tt01{font-size:15px; margin-top:20px; text-indent:20px;}
.mcr-r-02 li .tt02{font-size:14px; color:#888; text-indent:20px;}
.mcr-r-02 li:nth-child(2) .ant01,.mcr-r-02 li:nth-child(3) .ant01{width:45px; height:45px; top:45px; right:10px;}
.mcr-r-02 li:nth-child(2) .ant01 i,.mcr-r-02 li:nth-child(3) .ant01 i{font-size:36px; line-height:50px;}
.mcr-r-tt02{font-size:15px; margin:0px 0 10px; padding-left:10px;}
.mcr-r-04{margin-bottom:10px;}
.mcr-r-04 ul{padding-top:10px;}
.mcr-r-04 li{padding:5px 0; line-height:20px; font-size:14px;}
.mcr-r-04 li i{font-size:12px;}

.minfo-l dd{font-size:15px;}
.minfo-l dd:last-child{display:inherit;}
.address-select{flex-direction:column; margin-top:10px;}
.address-select select{width:100%; margin-right:0; margin-bottom:10px;}

.minfo-l .mbimg{width:80px; height:80px; margin:20px auto 0; border:2px solid #a1743c;}
.minfo-l .mbname{width:100%; height:auto; line-height:22px; font-size:16px; margin:10px 0 0px;}
.minfo-l .mbid{font-size:14px; margin-bottom:20px;}

.item-price{font-size:14px; font-weight:normal; margin-bottom:8px;}
.item-total{font-size:16px;}
.checkout-btn{ padding:8px 10px; font-size:15px;}
.total-price{font-size:14px; color:#333;}
.pay-btn{padding:8px 20px; font-size:15px;}
.back-to-cart{padding:8px 20px; font-size:15px;}

.mcr-hp{margin-bottom:20px;}
.mcr-hp-tt{line-height:24px; font-size:16px; margin:30px auto 10px;}
.mcr-hp-tt i{font-size:16px; padding-right:3px;}
.mcr-hp .hpmore{width:110px; height:36px;}
.mcr-hp .hpmore a{width:110px; height:36px; font-size:14px; line-height:35px;}

}
.image-error{display:flex; flex-direction:column; align-items:center; justify-content:center; color:#999; font-size:14px; height:100%;}
.image-error:before{content:"图片加载失败"; margin-bottom:5px;}