@charset "UTF-8";
/* CSS Document */
@font-face { font-family: MuiiconSpread; font-weight: normal; font-style: normal; src: url("../fonts/mui-icons-extra.ttf") format("truetype"); /* iOS 4.1- */ }

.mui-icon-extra { font-family: MuiiconSpread; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; }

.mui-icon-extra-cold:before { content: "\e500"; }

.mui-icon-extra-share:before { content: "\e200"; }

.mui-icon-extra-class:before { content: "\e118"; }

.mui-icon-extra-custom:before { content: "\e117"; }

.mui-icon-extra-new:before { content: "\e103"; }

.mui-icon-extra-card:before { content: "\e104"; }

.mui-icon-extra-grech:before { content: "\e105"; }

.mui-icon-extra-trend:before { content: "\e106"; }

.mui-icon-extra-filter:before { content: "\e207"; }

.mui-icon-extra-holiday:before { content: "\e300"; }

.mui-icon-extra-cart:before { content: "\e107"; }

.mui-icon-extra-heart:before { content: "\e180"; }

.mui-icon-extra-computer:before { content: "\e600"; }

.mui-icon-extra-express:before { content: "\e108"; }

.mui-icon-extra-gift:before { content: "\e109"; }

.mui-icon-extra-gold:before { content: "\e102"; }

.mui-icon-extra-lamp:before { content: "\e601"; }

.mui-icon-extra-rank:before { content: "\e110"; }

.mui-icon-extra-notice:before { content: "\e111"; }

.mui-icon-extra-sweep:before { content: "\e202"; }

.mui-icon-extra-arrowleftcricle:before { content: "\e401"; }

.mui-icon-extra-dictionary:before { content: "\e602"; }

.mui-icon-extra-heart-filled:before { content: "\e119"; }

.mui-icon-extra-xiaoshuo:before { content: "\e607"; }

.mui-icon-extra-top:before { content: "\e403"; }

.mui-icon-extra-people:before { content: "\e203"; }

.mui-icon-extra-topic:before { content: "\e603"; }

.mui-icon-extra-hotel:before { content: "\e301"; }

.mui-icon-extra-like:before { content: "\e206"; }

.mui-icon-extra-regist:before { content: "\e201"; }

.mui-icon-extra-order:before { content: "\e113"; }

.mui-icon-extra-alipay:before { content: "\e114"; }

.mui-icon-extra-find:before { content: "\e400"; }

.mui-icon-extra-arrowrightcricle:before { content: "\e402"; }

.mui-icon-extra-calendar:before { content: "\e115"; }

.mui-icon-extra-prech:before { content: "\e116"; }

.mui-icon-extra-cate:before { content: "\e501"; }

.mui-icon-extra-comment:before { content: "\e209"; }

.mui-icon-extra-at:before { content: "\e208"; }

.mui-icon-extra-addpeople:before { content: "\e204"; }

.mui-icon-extra-peoples:before { content: "\e205"; }

.mui-icon-extra-calc:before { content: "\e101"; }

.mui-icon-extra-classroom:before { content: "\e604"; }

.mui-icon-extra-phone:before { content: "\e404"; }

.mui-icon-extra-university:before { content: "\e605"; }

.mui-icon-extra-outline:before { content: "\e606"; }

/*rem设置*/
body { padding: 0; margin: 0; -webkit-font-smoothing: antialiased; background-color: #ECECEC; font-size: 0.37333rem; line-height: auto; overflow-x: hidden; font-family: arial; word-break: break-all; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { word-break: break-word; margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

.flex { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; 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; -moz-box-align: center; align-items: center; }

.flex-1 { flex: 1; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; }

/*垂直居中*/
.common-vc { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); }

/*水平居中*/
.common-hc { position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/*水平垂直都居中*/
.common-center { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.no-padding { padding: 0 !important; }

.no-margin { margin: 0 !important; }

.no_marginl { margin-left: auto !important; }

.img-circle { border-radius: 50%; }

.no-border { border: none !important; }

.size5 { font-size: 0.5rem !important; }

.size55 { font-size: 0.55rem !important; }

.size6 { font-size: 0.6rem !important; }

.size65 { font-size: 0.65rem !important; }

.size7 { font-size: 0.7rem !important; }

.size75 { font-size: 0.75rem !important; }

.size8 { font-size: 0.8rem !important; }

.size85 { font-size: 0.85rem !important; }

.size9 { font-size: 0.9rem !important; }

.size10 { font-size: 1rem !important; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

[class*="-item"] .item-pic { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { max-width: 100%; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { color: #333; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; }

::-webkit-input-placeholder { color: #999; }

/* WebKit browsers */
:-o-placeholder { color: #999; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; }

/* Internet Explorer 10+ */
.wrap { width: 100%; max-width: 768px; margin: 0 auto; position: relative; background-color: inherit; }

.wp { padding-left: 0.4rem; padding-right: 0.4rem; }

.back-top { position: fixed; z-index: 99; width: 1.06667rem; height: 1.06667rem; background: url(../images/back-top.png) no-repeat center; -webkit-background-size: 1.06667rem 1.06667rem; background-size: 1.06667rem; right: 0.4rem; bottom: -70px; }

/*---------------------------index start----------------------------------------------------------------------------------------*/
/*index-header start*/
.index-wrap { padding-top: 1.30667rem; }

.index-header { position: relative; height: 1.17333rem; background-color: #FFFFFF; position: fixed; left: 50%; width: 100%; -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 0; z-index: 9; max-width: 10.24rem; }

.index-header .icon-list { display: inline-block; width: 0.42667rem; height: 0.42667rem; background: url(../images/icon-list.png) no-repeat center; -webkit-background-size: contain; background-size: contain; margin-top: 0.37333rem; }

.index-header .icon-extra-class { display: inline-block; width: 0.42667rem; height: 0.42667rem; background: url(../images/icon-extra-class.png) no-repeat center; -webkit-background-size: contain; background-size: contain; margin-top: 0.37333rem; }

.index-header .logo { width: 2.82667rem; margin-top: 0.18667rem; }

/*index-header end*/
/*index-search start*/
.index-search { position: relative; background-color: #FFFFFF; height: 0.8rem; margin-bottom: 0.13333rem; margin-top: 0.13333rem; }

.index-search .mui-btn { width: 1.46667rem; height: 0.8rem; background: #2779FF url(../images/search.png) no-repeat center; -webkit-background-size: 0.48rem 0.48rem; background-size: 0.48rem; position: absolute; top: 0; right: 0.4rem; }

.index-search .item-title { display: block; color: #999999; line-height: 0.8rem; background: url(../images/search1.png) no-repeat 0.26667rem center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; padding-left: 0.73333rem; background-color: RGBA(39, 121, 255, 0.1); border-radius: 0.10667rem; }

/*index-search end*/
/*hfc-banner start*/
.hfc-banner .swiper-slide img { width: 100%; display: block; }

.hfc-banner .swiper-pagination { height: 0.16rem; line-height: 100%; bottom: 0.66667rem !important; }

.hfc-banner .banner-bullet { width: 0.16rem; height: 0.16rem; line-height: 0.16rem; border-radius: 50%; background-color: #DDDDDD; display: inline-block; margin: 0 0.06667rem; }

.hfc-banner .banner-active { width: 0.32rem; background-color: #2779FF; border-radius: 0.10667rem; }

/*hfc-banner end*/
/*index-banner start*/
.index-banner { position: relative; margin-bottom: 0.29333rem; }

.index-banner .swiper-container { border-radius: 0.10667rem; }

.index-banner .swiper-pagination { bottom: 0.16rem !important; }

.index-banner:after { position: absolute; content: ''; left: 0; width: 100%; height: 0.64rem; background-color: #ECECEC; bottom: -0.26667rem; }

/*index-banner end*/
.detail-banner .swiper-pagination { bottom: 0.66667rem !important; }

/*index-title*/
.index-title { font-weight: bold; font-size: 0.37333rem; line-height: 0.4rem; background: url(../images/web1.png) no-repeat 0.4rem center; -webkit-background-size: 0.13333rem 0.13333rem; background-size: 0.13333rem; padding-left: 0.66667rem; padding-right: 0.4rem; margin: 0 auto; }

.index-title .item-btn { color: #FFFFFF; font-size: 0.26667rem; }

.index-title .item-btn .mui-icon { font-size: 0.16rem; color: #FFFFFF; }

/*hot-tip*/
.hot-tip { width: 0.61333rem; height: 0.34667rem; background: url(../images/hot.png) no-repeat center; -webkit-background-size: 0.61333rem 0.61333rem; background-size: 0.61333rem; display: inline-block; margin-right: 0.08rem; }

/*Quality Factory start*/
.qfactory { padding: 0.4rem 0; }

.qfactory > .item-title { margin-bottom: 1px; }

.qfactory-box { width: 100%; overflow-x: scroll; margin-top: 0.26667rem; }

.qfactory-list { min-width: 27.06667rem; padding-right: 0.26667rem; }

.qfactory-list li { float: left; width: 8.66667rem; height: 2.70667rem; background: url(../../dist/images/web4.png) no-repeat center; border-radius: 0.10667rem; padding: 0 0.26667rem; margin-left: 0.26667rem; position: relative; }

.qfactory-list .item-pic { width: 1.86667rem; border-radius: 0.10667rem; margin-right: 0.26667rem; }

.qfactory-list .item-pic img { display: block; margin: 0 auto; width: 100%; }

.qfactory-list .item-title { margin-top: 0.24rem; margin-bottom: 0.16rem; }

.qfactory-list .item-title a { color: #FFFFFF; }

.qfactory-list .item-title .item-icon { display: inline-block; width: 0.32rem; height: 0.32rem; background: url(../images/web6.png) no-repeat center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; }

.qfactory-list .item-btn { font-size: 0.24rem; color: #FFFFFF; position: absolute; right: 0.26667rem; bottom: 0.32rem; }

.qfactory-list .item-btn .mui-icon { font-size: 0.16rem; color: #FFFFFF; }

.item-icon { display: inline-block; width: 0.32rem; height: 0.32rem; background: url(../images/web6.png) no-repeat center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; }

/*Quality Factory end*/
/*Machinery start*/
.bg1 { background: url(../images/bg1.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg2 { background: url(../images/bg2.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg3 { background: url(../images/bg3.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg4 { background: url(../images/bg4.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg5 { background: url(../images/bg5.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg6 { background: url(../images/bg6.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg7 { background: url(../images/bg7.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.bg8 { background: url(../images/bg8.png) repeat; -webkit-background-size: 10rem 10rem; background-size: 10rem; }

.machinery { border-top: solid 0.26667rem #ececec; padding-top: 0.4rem; }

.machinery-list { padding-top: 0.336rem; }

.machinery-list li { float: left; width: 2.93333rem; margin-left: 0.2rem; margin-bottom: 0.34667rem; }

.machinery-list .item-pic { width: 100%; border-radius: 0.10667rem; }

.machinery-list .item-pic img { width: 3rem; height: 2.25rem; max-width: 100%; display: block; margin: 0 auto; }

.machinery-list .item-title { font-size: 0.29333rem; line-height: 0.34667rem; height: 1.04rem; margin-top: 0.26667rem; }

/*Machinery end*/
/*Measurement & Analysis Instruments start*/
/*Measurement & Analysis Instruments end*/
.ymlike { background-color: #FFFFFF; border-top: solid 0.26667rem #ECECEC; padding-top: 0.4rem; }

.ymlike-list { padding-top: 0.33333rem; }

.ymlike-list li { float: left; width: 4.46667rem; height: 5.999rem; margin-left: 0.26667rem; margin-bottom: 0.4rem; }

.ymlike-list .item-pic { width: 100%; border-radius: 0.10667rem; }

.ymlike-list .item-pic img { width: 4.4rem; height: 3.3rem; display: block; margin: 0 auto; }

.ymlike-list .item-title { font-size: 0.29333rem; line-height: 0.34667rem; height: 0.69333rem; margin-top: 0.24rem; margin-bottom: 0.22667rem; }

.collect-icon { display: block; width: 0.42667rem; height: 0.37333rem; }

.collect-icon img { width: 100%; display: block; margin: 0 auto; max-width: 0.42667rem;}

/*allcate-box start*/
.allcate-box { background-color: #ECECEC; text-align: center; padding: 0.4rem 0; }

.allcate-box a { line-height: 0.42667rem; padding-left: 0.69333rem; display: inline-block; background: url(../images/icon-extra-class1.png) no-repeat left center; -webkit-background-size: 0.42667rem 0.42667rem; background-size: 0.42667rem; color: #999999; }

/*allcate-box end*/
/*slidescroll-box start*/
.off-canvas-wrap { height: auto; }

.slidescroll-box { background-color: #FFFFFF; width: 7.46667rem; }

.slidescroll-box .slide-top { width: 100%; height: 2.66667rem; background: url(../images/web7.png) no-repeat center; -webkit-background-size: 7.46667rem 7.46667rem; background-size: 7.46667rem; padding-left: 0.4rem; }

.slidescroll-box .slide-top .userimg { width: 1.6rem; height: 1.6rem; border-radius: 50%; overflow: hidden; }

.slidescroll-box .slide-top .userimg img { display: block; width: 100%; height: 100%; }

.slidescroll-box .slide-top .flex-1 { padding: 0 0.26667rem; color: #FFFFFF; }

.slidescroll-box .slide-top .flex-1 a { padding: 0 0.26667rem; font-size: 0.4rem; color: #FFFFFF; }

.slidescroll-box .navlist { padding: 0.53333rem 0.53333rem 0 0.4rem; }

.slidescroll-box .navlist li { margin-bottom: 0.50667rem; padding-left: 1.06667rem; line-height: 0.5333rem; }

.slidescroll-box .navlist li a { font-size: 0.4rem; }

.slidescroll-box .navlist .nav-item1 { background: url(../images/slide2.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item2 { background: url(../images/slide3.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item3 { background: url(../images/slide4.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item4 { background: url(../images/slide5.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item5 { background: url(../images/slide6.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item6 { background: url(../images/slide7.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item7 { background: url(../images/slide8.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item8 { background: url(../images/slide9.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item9 { background: url(../images/slide10.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.slidescroll-box .navlist .nav-item6, .slidescroll-box .navlist .nav-item8 { border-bottom: solid 1px #DDDDDD; padding-bottom: 0.50667rem; background-position-y: 0rem; }

.slidescroll-box .navlist .mui-badge { font-size: 0.32rem; line-height: 0.32rem; padding: 0.13333rem 0.09333rem; }

.slidescroll-box .navlist .nav-item9 a.mui-pull-right { font-size: 0.4rem; color: #2779FF; }

.slidescroll-box .copyright { color: #999999; padding: 0 0.6rem; font-size: 0.29333rem; position: absolute; bottom: 0.4rem; left: 0; width: 100%; }

/*slidescroll-box end*/
/*down-box start*/
.down-backdrop { display: none; }

.down-box { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 1.46667rem; background: url(../images/down3.png) no-repeat center; -webkit-background-size: 10rem 10rem; background-size: 10rem; padding: 0.2rem 0.4rem 0; }

.down-box .item-title { line-height: 1.06667rem; background: url(../images/down1.png) no-repeat left center; -webkit-background-size: 1.06667rem 1.06667rem; background-size: 1.06667rem; padding-left: 1.2rem; font-weight: bold; font-size: 0.32rem; }

.down-box .item-btn { width: 3.6rem; height: 0.93333rem; line-height: 0.93333rem; background: #2779FF url(../images/down2.png) no-repeat 0.37333rem center; -webkit-background-size: 0.42667rem 0.42667rem; background-size: 0.42667rem; padding: 0 0 0 0.66667rem; font-size: 0.37333rem; margin-top: 0.06667rem; border-radius: 0.18667rem; }

.mui-popup-inner:after, .mui-popup-button:after { display: none; }

.mui-popup { width: 8.53333rem; border-radius: 0.26667rem; background-color: #FFFFFF; }

.mui-popup .mui-popup-inner { padding: 0.8rem 0.4rem 0.4rem; border-radius: 0.26667rem 0.26667rem 0 0; }

.mui-popup .open { font-size: 0.45333rem; color: #2779FF; position: relative; display: block; width: 100%; height: 100%; }

.mui-popup .open:after { position: absolute; content: ''; width: 1px; height: 0.53333rem; background-color: #DDDDDD; right: 0; top: 50%; margin-top: -0.26667rem; }

.mui-popup .cancle { font-size: 0.45333rem; color: #999; font-weight: normal; }

.mui-popup .mui-popup-buttons { height: 1.22667rem; margin-top: 0.24rem; }

.mui-popup .mui-popup-button { height: 1.22667rem; line-height: 1.22667rem; padding: 0; }

.mui-popup .mui-popup-button:first-child { border-bottom-left-radius: 0.26667rem; }

.mui-popup .mui-popup-button:last-child { border-bottom-right-radius: 0.26667rem; }

.mui-popup .mui-popup-button:hover { background-color: #2779FF; }

.mui-popup .mui-popup-button:hover span { color: #FFFFFF; }

.mui-popup .no { color: #2779FF; }

.down-title { font-size: 0.45333rem; color: #333; line-height: 0.64rem; }

.down-subt { color: #999999; font-size: 0.45333rem; line-height: 0.64rem; margin-top: 0.37333rem; }

.collect-title { font-size: 0.45333rem; color: #000; margin-top: 0.50667rem; line-height: 0.64rem; }

.hfc-img { margin-bottom: 0.4rem; height: 1.06667rem; background: url(../images/success.png) no-repeat center; -webkit-background-size: 1.06667rem 1.06667rem; background-size: 1.06667rem; margin-top: 0.13333rem; }

.hfc-modeltitle { font-size: 0.45333rem; color: #333; margin-top: 0.4rem; line-height: 0.64rem; }

.hfc-modelsubt { font-size: 0.29333rem; color: #999; margin-top: 0.4rem; line-height: 0.37333rem; }

/*down-box end*/
/*---------------------------index end------------------------------------------------------------------------------------------*/
/*---------------------------1-1-1-Categories start-----------------------------------------------------------------------------*/
footer { width: 100%; max-width: 10.24rem; left: 50% !important; -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.mui-bar-nav ~ .mui-content { padding-top: 1.17333rem; }

/*barnav start*/
.barnav { height: 1.17333rem; border-bottom: solid 1px #DDDDDD; -webkit-box-shadow: none; box-shadow: none; background-color: #FFFFFF; padding: 0; left: 50%; -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; max-width: 10.24rem; }

.barnav .mui-title { font-weight: bold; font-size: 0.45333rem; line-height: 1.17333rem; right: 0.8rem; left: 0.8rem; overflow: visible; }

.barnav .mui-icon { font-size: 0.66667rem; color: #999999; padding-top: 0.25333rem; padding-bottom: 0.25333rem; padding-left: 0.2rem !important; padding-right: 0 !important; margin: 0 !important; }

.barnav .mui-icon-closeempty { font-size: 0.93333rem; padding-top: 0.13333rem !important; padding-left: 0.13333rem !important; }

/*barnav end*/
/*cate-title start*/
.cate-title { background-color: #DDDDDD; height: 0.8rem; line-height: 0.8rem; padding: 0 0.4rem; font-size: 0.37333rem; }

.cate-title span { font-size: 0.32rem; color: #999999; }

/*cate-title end*/
/*Recent Categories start*/
.recent-list { padding: 0.26667rem 0.13333rem 0 0.4rem; max-height: 3.46667rem; overflow: hidden; }

.recent-list .recent-item { display: inline-block; background-color: #E9F1FF; border-radius: 0.4rem; line-height: 0.4rem; padding: 0.2rem 0.26667rem; margin-right: 0.26667rem; margin-bottom: 0.26667rem; font-size: 0.32rem; }

/*Recent Categories end*/
/*allcate-list start*/
.allcate-list li { padding-left: 0.4rem; }

.allcate-list li:last-child .item-title { border-bottom: 0; }

.allcate-list .item-title { display: block; border-bottom: solid 1px #DDDDDD; padding-top: 0.26667rem; padding-bottom: 0.25333rem; line-height: 0.53333rem; position: relative; font-size: 0.37333rem; background-image: url(../images/web8.png); background-position: 8.13333rem center; background-repeat: no-repeat; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

/* .allcate-list .allcate-item1 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item1 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item2 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item2 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item3 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item3 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item4 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item4 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item5 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item5 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item6 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item6 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item7 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item7 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item8 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item8 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item9 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item9 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item10 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item10 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item11 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item11 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item12 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item12 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item13 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item13 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item14 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item14 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item15 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item15 .allcate-icon img { width: 0.53333rem; display: block; }

.allcate-list .allcate-item16 .allcate-icon { display: inline-block; width: 0.53333rem; height: 0.53333rem; margin-right: 0.26667rem; }

.allcate-list .allcate-item16 .allcate-icon img { width: 0.53333rem; display: block; } */

/*allcate-list end*/
/**/
.has_next { background-image: url(../images/web8.png); background-position: 9.33333rem center; background-repeat: no-repeat; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

.has_next2 { background-image: url(../images/web8.png); background-position: right center; background-repeat: no-repeat; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

.small-allcate { position: absolute; z-index: 9; top: 0; left: 0; width: 1.2rem; background-color: #FFFFFF; }

.small-allcate li { padding-top: 0.26667rem; padding-bottom: 0.26667rem; }

.small-allcate .item-title { display: none; }

.small-allcate .active { background-color: #E9F1FF; }

.cate-yiji { background-color: #E9F1FF; }

.cate-yiji > li > a { padding-left: 1.46667rem; }

.cate-yiji li { position: relative; }

.cate-yiji li a { display: block; line-height: 0.53333rem; border-bottom: solid 1px #DDDDDD; padding-top: 0.26667rem; padding-bottom: 0.26667rem; padding-right: 0.4rem; font-size: 0.37333rem; position: relative; }

.cate-erji { display: none; background-color: #C5DAFF; }

.cate-erji > li > a { padding-left: 1.73333rem; }

.cate-sanji { display: none; background-color: #A0C2FF; }

.cate-sanji > li a { padding-left: 2rem; }

/*---------------------------1-1-1-Categories end--------------------------------------------------------------------------------*/
/*---------------------------1-1-2-products-Categories start---------------------------------------------------------------------*/
.procate-bread { background-color: #FFFFFF; margin-bottom: 0.26667rem; padding-bottom: 0.08rem; }

.procate-bread > p { font-size: 0.29333rem; line-height: 0.4rem; border-bottom: solid 1px #999999; padding-top: 0.21333rem; padding-bottom: 0.16rem; margin-bottom: 0.05333rem; }

.procate-bread .bread-actice { color: #2779ff; }

/*---------------------------1-1-2-products-Categories end-----------------------------------------------------------------------*/
/*---------------------------1-2-1-search start----------------------------------------------------------------------------------*/
.bgec { background-color: #ECECEC; }

.bgfff { background-color: #FFFFFF; }

.search-row { position: relative; background: transparent; margin-right: 0.4rem; }

.search-row .search-input { height: 0.8rem; border-radius: 0.10667rem; border: 0; background: #FFFFFF url(../images/search1.png) no-repeat 0.26667rem center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; padding-left: 0.73333rem; padding-right: 0.26667rem; font-size: 0.32rem; margin-bottom: 0; }

.search-row .mui-icon-clear { width: 0.8rem !important; height: 0.8rem !important; right: 1.6rem !important; }

.search-row .mui-icon-clear:before { position: absolute; content: ''; width: 0.8rem !important; height: 0.8rem !important; top: 0; right: 0; background: url(../images/web10.png) no-repeat center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

.search-row .search-btn { position: absolute; width: 1.46667rem; height: 0.8rem; right: 0; top: 0; border-radius: 0.10667rem; background: #2779FF url(../images/search.png) no-repeat center; -webkit-background-size: 0.48rem 0.48rem; background-size: 0.48rem; opacity: 1 !important; }

.icon-more { width: 0.45333rem; height: 0.8rem; background: url(../images/web11.png) no-repeat center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; margin-right: 0.4rem; margin-left: -0.05333rem; }

.icon-more.factory_menu_more{margin-left: 0.4rem;margin-right: 0rem;background-image: url(../images/menu_more.png);background-position: no-repeat center;-webkit-background-size: 100% 100%; background-size: 100%;}
.icon-more.factory_menu_more.bgc_switch{margin-left: 0.4rem;margin-right: 0rem;background-image: url(../images/web11.png);background-position: no-repeat center;-webkit-background-size: 100% 100%; background-size: 100%;}
.factory_menu_drop{display: none;}
/*Search History start*/
.search-margin { margin-top: 0.66667rem; }

.search-history .search-delete { display: inline-block; width: 0.4rem; height: 0.4rem; background: url(../images/delete.png) no-repeat center; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; }

.search-hislist { padding: 0.32rem 0.26667rem 0.4rem; }

.search-hislist a { display: inline-block; font-size: 0.32rem; line-height: 0.4rem; padding: 0.2rem 0.26667rem; border-radius: 0.4rem; background-color: #DDDDDD; margin: 0 0.13333rem 0.26667rem 0.13333rem; }

.search-history-row { margin-top: 0.26667rem; padding-top: 0.4rem; padding-bottom: 0.13333rem; background-color: #FFF; }

.popular-searches { margin-top: 0; }

.popular-searches .search-hislist { max-height: 3.41333rem; overflow: hidden; }

/*---------------------------1-2-1-search end-----------------------------------------------------------------------------------*/
/*---------------------------1-2-2-search_producst start------------------------------------------------------------------------*/
/*.profac-tab*/
.profac-tab { height: 1.13333rem; font-size: 0.37333rem; background-color: #FFFFFF; }

.profac-tab a { color: #999; display: inline-block; width: 2.4rem; line-height: 1.06667rem; text-align: center; }

.profac-tab .active, .profac-tab a:hover { color: #2779FF; border-bottom: solid 0.05333rem #2779FF; }

.profac-tab .screening-icon { position: relative; top: 0.26667rem; }

.screening-icon { display: inline-block; width: 0.4rem; height: 0.8rem; }

.screening-icon img { width: 0.4rem; vertical-align: middle; }

/*search-numbox start*/
.search-numbox { font-size: 0.29333rem; line-height: 0.8rem; }

.search-numbox span { color: #2779FF; font-size: 0.29333rem; }

/*pro-list*/
.pro-list li { background-color: #FFFFFF; margin-bottom: 0.26667rem; }

.pro-list .item-pic { margin-right: 0.26667rem; width: 4.26667rem; }

.pro-list .item-pic img { display: block; margin: 0 auto; max-width: 4.26667rem; }

.pro-list .item-body { overflow: hidden; padding: 0.4rem 0 0.4rem; }

.pro-list .item-body .item-desc { font-size: 0.32rem; line-height: 0.34667rem; height: 0.69333rem; word-break: break-all; }

.pro-list .item-body .item-parameter { margin-top: 0.24rem; }

.pro-list .item-body .item-parameter p { margin-bottom: 0.05333rem; }

.pro-list .item-body .item-parameter p span { font-size: 0.29333rem; width: 50%; float: left; line-height: 0.4rem; }

.pro-list .item-body .item-parameter p span:first-child { color: #999999; text-align: right; padding-right: 0.4rem; }

.pro-list .item-body .item-btnbox { margin-top: 0.13333rem; }

.pro-list .item-body .item-btn { display: inline-block; width: 2.70667rem; height: 0.8rem; border-radius: 30px; background: #2779FF url(../images/web13.png) no-repeat 0.26667rem center; -webkit-background-size: 0.37333rem 0.37333rem; background-size: 0.37333rem; padding-left: 0.77333rem; color: #FFFFFF; line-height: 0.8rem; font-size: 0.32rem; }

.pro-list .item-body .item-share { display: inline-block; width: 0.45333rem; height: 0.45333rem; background: url(../images/web14.png) no-repeat center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; margin-left: 0.54667rem; margin-top: 0.17333rem; }

.pro-list .item-body .collect-icon { margin-top: 0.21333rem; }

/*.loadmore*/
.loadmore { text-align: center; line-height: 0.56rem; }

.loadmore span { font-size: 0.37333rem; display: inline-block; padding-right: 0.48rem; color: #999999; height: 0.56rem; line-height: 0.56rem; background: url(../images/web15.png) no-repeat right center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; }

/*viermore*/
.viewmore { text-align: center; line-height: 0; }

.viewmore span { display: inline-block; padding-right: 0.48rem; color: #999999; height: 0.29333rem; line-height: 0; }

.viewmore .more { background: url(../images/web15.png) no-repeat right center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; }

.viewmore .less { background: url(../images/web15_1.png) no-repeat right center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; }

.padding30 { padding-top: 0.4rem; padding-bottom: 0.4rem; }

/*---------------------------1-2-2-search_producst end--------------------------------------------------------------------------*/
/*---------------------------1-2-2-search_producst_null start-------------------------------------------------------------------*/
.similar-prolist li { border-bottom: solid 1px #DDDDDD; font-size: 0.37333rem; line-height: 0.64rem; padding: 0.21333rem 0 0.16rem; }

/*---------------------------1-2-2-search_producst_null end---------------------------------------------------------------------*/
/*---------------------------1-2-3-refine_products start------------------------------------------------------------------------*/
.refine-title { font-weight: bold; background: #ECECEC url(../images/icon-extra-class.png) no-repeat 0.4rem center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; padding-left: 0.88rem; padding-right: 0.4rem; line-height: 1.06667rem; }

.aovalue-title { background-image: url(../images/web18.png); }

.mcer-title { background-image: url(../images/web36.png); }

.refine-procate { background-color: #FFFFFF; }

.reprocate-list li { position: relative; }

.reprocate-list li input[type="checkbox"] { position: absolute; top: 0.34667rem; left: 0; }

.reprocate-list li a { display: block; font-size: 0.37333rem; line-height: 0.4rem; padding-top: 0.33333rem; padding-bottom: 0.33333rem; border-bottom: solid 1px #DDDDDD; }

.reprocate-yiji > li > a { padding-left: 0; }

.reprocate-erji { display: none; }

.reprocate-erji > li > a { padding-left: 0.53333rem; }

.reprocate-sanji { display: none; }

.reprocate-sanji > li > a { padding-left: 1.06667rem; }

.refine-pro .reprocate-yiji > li > a { padding-left: 0.53333rem; }

.refine-pro .reprocate-erji { display: none; }

.refine-pro .reprocate-erji > li > a { padding-left: 1.06667rem; }

.refine-pro .reprocate-sanji { display: none; }

.refine-pro .reprocate-sanji > li > a { padding-left: 1.6rem; }

/*value-list*/
.value-list { background-color: #FFFFFF; margin-bottom: 0.26667rem; }

.value-list li { font-size: 0.37333rem; line-height: 0.4rem; padding-top: 0.33333rem; padding-bottom: 0.33333rem; border-bottom: solid 1px #DDDDDD; }

.value-list li input[type="checkbox"] { width: 0.37333rem; height: 0.37333rem; position: relative; top: 0.05333rem; margin-right: 0.10667rem; }

.value-list li:last-child { border: 0; }

/*---------------------------1-2-3-refine_products end--------------------------------------------------------------------------*/
/*---------------------------1-2-4-search_factories start-----------------------------------------------------------------------*/
.fac-list li { background-color: #FFF; margin-bottom: 0.26667rem; padding-top: 0.4rem; padding-bottom: 0.4rem; }

.fac-list .item-pic { float: left; margin-right: 0.26667rem; width: 1.33333rem; height: 1.33333rem; border-radius: 50%; }

.fac-list .item-pic img { display: block; width: 100%; height: 100%; border-radius: 50%; }

.fac-list .item-body { word-break: break-all; overflow: hidden; }

.fac-list .item-body .item-desc { font-size: 0.37333rem; line-height: 0.4rem; height: 0.8rem; }

.fac-list .item-body .item-desc a { color: #2779FF; word-break: break-all; }

.fac-list .item-body .item-add { background: url(../images/web17.png) no-repeat left center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-left: 0.4rem; color: #999999; font-size: 0.29333rem; line-height: 0.4rem; margin-top: 0.26667rem; }

.fac-list .item-body .item-intro { margin-top: 0.26667rem; }

.fac-list .item-body .item-intro span { font-size: 0.29333rem; line-height: 0.4rem; }

.fac-list .item-body .item-intro span:first-child { float: left; color: #999999; width: 2.37333rem; margin-right: 0.26667rem; text-align: right; }

.fac-list .item-body .item-intro span:last-child { overflow: hidden; display: block; }

.fac-list .item-pics { padding-top: 0.33333rem; }

.fac-list .item-pics img { display: block; float: left; width: 2.85333rem; margin-left: 0.32rem; }

/*---------------------------1-2-4-search_factories end-------------------------------------------------------------------------*/
/*---------------------------3-1-company start----------------------------------------------------------------------------------*/
.factory-head { height: 3.70667rem; background: #2779FF url(../images/web19.png) no-repeat right 25px; -webkit-background-size: 100% 100%; background-size: 100%; }

.factory-head .factory-searchrow { padding: 0.18667rem 0.4rem 0.18667rem 0.13333rem; }

.factory-head .factory-searchrow .mui-icon-arrowleft { color: #FFFFFF; font-size: 0.66667rem; margin-right: 0.4rem; }

.factory-head .factory-searchrow .searchp { height: 0.8rem; line-height: 0.8rem; background: rgba(255, 255, 255, 0.23) url(../images/search.png) no-repeat 0.26667rem center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; border-radius: 0.10667rem; padding-left: 0.73333rem; font-size: 0.32rem; color: #FFFFFF; }

.factory-head .factory-info { padding-top: 0.34667rem; }

.factory-head .factory-info .item-pic { margin-right: 0.26667rem; width: 1.33333rem; border-radius: 50%; line-height: 0; }

.factory-head .factory-info .item-pic img { display: block; border-radius: 50%; width: 100%; }

.factory-head .factory-info .item-body .item-title { font-size: 0.37333rem; line-height: 0.4rem; color: #FFFFFF; word-break: break-all; }

.factory-head .factory-info .item-body .item-add { background: url(../images/web17_1.png) no-repeat left center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-left: 0.4rem; font-size: 0.29333rem; color: #FFFFFF; line-height: 0.4rem; margin-top: 0.26667rem; }

.factory-head .factory-do { margin-top: 0.26667rem; }

.factory-head .factory-do .factory-ct { display: inline-block; width: 2.93333rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.4rem; -webkit-box-shadow: 0px 1px 6px 0px rgba(39, 121, 255, 0.5); box-shadow: 0px 1px 6px 0px rgba(39, 121, 255, 0.5); background: #FFFFFF url(../images/web25.png) no-repeat 0.30667rem center; -webkit-background-size: 0.37333rem 0.37333rem; background-size: 0.37333rem; color: #2779FF; font-size: 0.32rem; padding-left: 0.81333rem; }

@media screen and (max-width: 350px) { .factory-head .factory-do { margin-top: 0.26667rem; }
  .factory-head .factory-do .factory-ct { display: inline-block; width: 2.93333rem; height: 0.8rem; line-height: 0.93333rem; border-radius: 0.4rem; -webkit-box-shadow: 0px 1px 6px 0px rgba(39, 121, 255, 0.5); box-shadow: 0px 1px 6px 0px rgba(39, 121, 255, 0.5); background: #FFFFFF url(../images/web25.png) no-repeat 0.2rem center; -webkit-background-size: 0.37333rem 0.37333rem; background-size: 0.37333rem; color: #2779FF; font-size: 0.32rem; padding-left: 0.66667rem; } }

.factory-collect, .factory-share { width: 0.94667rem; display: inline-block; }

.factory-collect img, .factory-share img { display: block; width: 100%; }

.factory-share { margin-left: 0.26667rem; }

.factory-four { margin-top: 0.53333rem; text-align: center; border-bottom: solid 0.26667rem #ECECEC; }

.factory-four .mui-col-xs-3 { padding: 0.26667rem 0 0.26667rem; }

.factory-four .facbar1.facbar-active .item-pic { background-image: url(../images/bar1_1.png); }

.factory-four .facbar2.facbar-active .item-pic { background-image: url(../images/bar2_1.png); }

.factory-four .facbar3.facbar-active .item-pic { background-image: url(../images/bar3_1.png); }

.factory-four .facbar4.facbar-active .item-pic { background-image: url(../images/bar4_1.png); }

.factory-four .facbar-active { border-bottom: solid 0.05333rem #2779FF; }

.factory-four .facbar-active .item-title { color: #2779FF; }

.factory-four .item-title { color: #999999; font-size: 0.37333rem; }

.factory-four .facbar1 .item-pic { background: url(../images/bar1.png) no-repeat center; -webkit-background-size: 0.56rem 0.56rem; background-size: 0.56rem; width: 0.56rem; height: 0.53333rem; margin: 0 auto; }

.factory-four .facbar2 .item-pic { background: url(../images/bar2.png) no-repeat center; -webkit-background-size: 0.56rem 0.56rem; background-size: 0.56rem; width: 0.56rem; height: 0.53333rem; margin: 0 auto; }

.factory-four .facbar3 .item-pic { background: url(../images/bar3.png) no-repeat center; -webkit-background-size: 0.56rem 0.56rem; background-size: 0.56rem; width: 0.56rem; height: 0.53333rem; margin: 0 auto; }

.factory-four .facbar4 .item-pic { background: url(../images/bar4.png) no-repeat center; -webkit-background-size: 0.56rem 0.56rem; background-size: 0.56rem; width: 0.56rem; height: 0.53333rem; margin: 0 auto; }

.fac-like { margin-top: -0.26667rem; }

/*---------------------------3-1-company end------------------------------------------------------------------------------------*/
/*---------------------------3-2-products details start-------------------------------------------------------------------------*/
/*barnav-transparent start*/
.barnav-transparent { height: 1.17333rem; }

.barnav-transparent a { width: 0.94667rem; height: 0.94667rem; -webkit-background-size: 0.94667rem 0.94667rem !important; background-size: 0.94667rem !important; margin-top: 0.13333rem; }

.barnav-transparent .back-icon { background: url(../images/web21.png) no-repeat center; }

.barnav-transparent .list-icon { background: url(../images/web23.png) no-repeat center; }

.barnav-transparent .search-icon { background: url(../images/web22.png) no-repeat center; margin-right: 0.52rem; }

/*barnav-transparent end*/
/*this-proinfo start*/
.this-proinfo { position: relative; }

.this-proinfo .fac-iconbox { position: absolute; height: 0.53333rem; left: 0; right: 0; background-color: #FFFFFF; top: -0.26667rem; z-index: 99; border-radius: 0.26667rem; }

.this-proinfo .factory-collect { margin-left: 0.52rem; margin-right: 0.33333rem; }

.this-proinfo .factory-collect, .this-proinfo .factory-share { margin-top: -0.4rem; position: relative; z-index: 2; }

.this-proinfo .item-title { font-size: 0.37333rem; line-height: 0.48rem; border-bottom: solid 1px #DDDDDD; padding: 0.45333rem 0 0.26667rem; }

.this-proinfo .item-list { padding: 0.24rem 0 0.4rem; }

.this-proinfo .item-list li { padding: 0.10667rem 0 0.10667rem; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; }

.this-proinfo .item-list .item-left { width: 2.8rem; margin-right: 0.53333rem; font-size: 0.32rem; line-height: 0.4rem; color: #2779FF; text-align: right; }

.this-proinfo .item-list .item-right { font-size: 0.32rem; line-height: 0.4rem; }

/*this-proinfo end*/
/*this-facinfo start*/
.this-facinfo { border-top: solid 0.26667rem #ECECEC; }

.this-facinfo .factory-info { border-bottom: solid 1px #DDDDDD; padding-top: 0.34667rem; padding-bottom: 0.32rem; }

.this-facinfo .factory-info .item-pic { margin-right: 0.26667rem; width: 2rem; border-radius: 50%; line-height: 0; }

.this-facinfo .factory-info .item-pic img { display: block; border-radius: 50%; width: 100%; }

.this-facinfo .factory-info .item-body .item-title { font-size: 0.37333rem; line-height: 0.4rem; word-break: break-all; color: #2779FF; }

.this-facinfo .factory-info .item-body .item-add { background: url(../images/web17.png) no-repeat left top; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-left: 0.4rem; font-size: 0.29333rem; line-height: 0.4rem; margin-top: 0.26667rem; color: #999999; }

.this-facinfo .response-box { position: relative; padding-bottom: 0.26667rem; border-bottom: solid 1px #DDDDDD; }

.this-facinfo .response-box .item-title { color: #2779FF; font-size: 0.42667rem; margin-top: 0.26667rem; }

.this-facinfo .response-box .item-subt { color: #999999; font-size: 0.32rem; margin-top: 0px; }

.this-facinfo .response-box:before { position: absolute; content: ''; width: 1px; height: 0.8rem; background-color: #DDDDDD; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 0; }

.this-facinfo .fac-intro { padding-top: 0.4rem; padding-bottom: 0.13333rem; }

.this-facinfo .fac-intro li { -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; word-break: break-all; margin-bottom: 0.26667rem; }

.this-facinfo .fac-intro .item-left { width: 2.13333rem; margin-right: 0.53333rem; text-align: right; font-size: 0.32rem; line-height: 0.4rem; color: #999999; }

.this-facinfo .fac-intro .item-right { font-size: 0.32rem; line-height: 0.4rem; }

/*this-facinfo end*/
/*overview start*/
.overview { border-top: solid 0.26667rem #ECECEC; }

.overview-desc { padding-top: 0.32rem; }

.overview-desc .morecontent { overflow: hidden; margin-bottom: 0.4rem; }

.overview-desc li:nth-child(2n+1) { background-color: #E9F1FF; }

.overview-desc li { height: auto; padding: 0.2rem 0.4rem; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; word-break: break-all; }

.overview-desc li .item-left { width: 3.06667rem; margin-right: 0.52rem; font-size: 0.32rem; color: #999; line-height: 0.4rem; text-align: right; }

.overview-desc li .item-right { font-size: 0.32rem; line-height: 0.4rem; }

/*overview end*/
/*products-details start*/
.products-details { border-top: solid 0.26667rem #ECECEC; padding: 0.4rem 0; }

.products-details .desc-box { padding-top: 0.2rem; }

.products-details .desc-box p, .products-details .desc-box li, .products-details .desc-box a, .products-details .desc-box strong { font-size: 0.32rem !important; line-height: 0.53333rem; }

.products-details .desc-box img, .products-details .desc-box iframe { max-width: 100%; }

.products-details .desc-box .table table { width: 100%; border-collapse: collapse; line-height: 0.58667rem; border: 1px solid #ccc; }

.products-details .desc-box .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .products-details .desc-box .table { width: 100%; overflow: scroll; }
  .products-details .desc-box .table table { width: 500; } }

/*products-details end*/
/*---------------------------3-2-products details end---------------------------------------------------------------------------*/
/*---------------------------3-7-factoryGroup start-----------------------------------------------------------------------------*/
.facpro-select { text-align: center; }

.facpro-select span { display: inline-block; font-size: 0.4rem; color: #2779FF; background: url(../images/web8_1.png) no-repeat right center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-right: 0.52rem; }

.fac-group { display: none; }

.fac-group .item-box { width: 8.4rem; border-radius: 0.26667rem; background-color: #FFFFFF; text-align: center; font-size: 0.45333rem; }

.fac-group .item-box .item-title, .fac-group .item-box .item-cancel { font-size: 0.45333rem; color: #999999; border-bottom: solid 1px #DDDDDD; line-height: 1.14667rem; }

.fac-group .item-box .facgroup-list-box { max-height: 12.77333rem; overflow-y: scroll; }

.fac-group .item-box .facgroup-list li { font-size: 0.45333rem; line-height: 0.64rem; position: relative; }

.fac-group .item-box .facgroup-list li a { display: block; padding: 0.25333rem 0.8rem 0.25333rem 0.4rem; border-bottom: solid 1px #DDDDDD; }

.fac-group .item-box .facgroup-yiji { display: none; background-color: #E9F1FF; }

.has_next1 { background-image: url(../images/web8.png); background-position: 7.73333rem center; background-repeat: no-repeat; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

/*---------------------------3-7-factoryGroup end-------------------------------------------------------------------------------*/
/*---------------------------3-8-factorycompany start---------------------------------------------------------------------------*/
.company-about { padding: 0.4rem 0 0; }

.company-about .company-pics { padding: 0.32rem 0 0.32rem 0.4rem; overflow: hidden;}

.company-about .company-pics .item-pics .item-pic { width: 4rem; padding-right: 0.26667rem; border-radius: 0.10667rem; }

.company-about .company-pics .item-pics img { display: block; width: 100%; border-radius: 0.10667rem; }

.company-about .company-intro { border-bottom: solid 0.26667rem #ECECEC; background: url(../images/web26.png) no-repeat 7.58667rem top; -webkit-background-size: 2.02667rem 2.02667rem; background-size: 2.02667rem; }

.company-about .company-intro .mui-row { -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 0.32rem; line-height: 0.4rem; margin-bottom: 0.29333rem; }

.company-about .company-intro .mui-row .item-left { width: 3.5rem; margin-right: 0.52rem; text-align: right; color: #999999; }

.company-about .company-intro .mui-row .item-right { word-break: break-word; }

.company-about .response-box { position: relative; padding-bottom: 0.26667rem; border-bottom: solid 0.26667rem #ECECEC; }

.company-about .response-box .item-title { color: #2779FF; font-size: 0.42667rem; margin-top: 0.26667rem; }

.company-about .response-box .item-subt { color: #999999; font-size: 0.32rem; margin-top: 0px; }

.company-about .response-box:before { position: absolute; content: ''; width: 1px; height: 0.8rem; background-color: #DDDDDD; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9; }

.company-about .business-desc { padding: 0.4rem 0; border-bottom: solid 0.26667rem #ECECEC; }

.company-about .business-desc .desc-box { padding-top: 0.16rem; }

.company-about .business-desc .desc-box h1 { font-size: 0.37333rem; font-weight: normal; color: #2779FF; }

.company-about .business-desc .desc-box .item-desc { margin-bottom: 0.4rem; margin-top: -0.02667rem; overflow: hidden; font-size: 0.32rem; line-height: 0.4rem; color: #333333; }

.company-about .business-desc .desc-box .item-desc p, .company-about .business-desc .desc-box .item-desc li, .company-about .business-desc .desc-box .item-desc span, .company-about .business-desc .desc-box .item-desc strong, .company-about .business-desc .desc-box .item-desc a { font-size: 0.32rem; color: #333333; }

.company-about .cer-box { padding: 0.4rem 0.2rem 0; border-bottom: solid 0.26667rem #ECECEC; overflow: hidden;}

.company-about .cer-box .index-title { padding-left: 0.46667rem; background-position-x: 0.2rem; }

.company-about .cer-box .cer-list { padding: 0.32rem 0 0.4rem; }

.company-about .cer-box .cer-list li { float: left; width: 2.13333rem; margin: 0 0.13333rem; }

.company-about .cer-box .cer-list li .item-pic img { width: 100%; display: block; max-width: 160px; margin: 0 auto; }

/*procap-box*/
.procap-icon { display: inline-block; width: 0.26667rem; height: 0.16rem; background: url(../images/web8_1.png) no-repeat center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

.procap-box { display: none; }

.procap-box .procap { max-height: 12.77333rem; overflow-y: scroll; width: 8.93333rem; padding: 0.93333rem 0 0.32rem; }

.procap-box .procap .item-close { position: absolute; width: 0.53333rem; height: 0.53333rem; background: url(../images/web42.png) no-repeat center; -webkit-background-size: contain; background-size: contain; right: 0; top: 0; }

.procap-box .procap .procap-content { background-color: #FFFFFF; padding: 0.13333rem 0.4rem 0; }

.procap-box .procap .mui-row { -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 0.37333rem; margin-bottom: 0.16rem; border-bottom: solid 1px #DDDDDD; padding: 0.2rem 0 0.33333rem; }

.procap-box .procap .mui-row .item-left { font-size: 0.32rem; line-height: 0.37333rem; }

.procap-box .procap .mui-row .item-right { color: #999999; font-size: 0.32rem; line-height: 0.37333rem; margin-top: 0.37333rem; }

/*share-content*/
.share-box { display: none; }

.share-content { padding: 0.53333rem 0 0; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #FFFFFF; }

.share-content .item-pic img { display: block; width: 1.06667rem; margin: 0 auto; }

.share-content .item-title { font-size: 0.37333rem; margin-top: 0.26667rem; margin-bottom: 0.37333rem; }

.share-content .item-cancel { color: #999999; font-size: 0.4rem; line-height: 1.17333rem; position: relative; }

.share-content .item-cancel:before { position: absolute; content: ''; left: 0.8rem; right: 0.8rem; height: 1px; background-color: #DDDDDD; top: -0.06667rem; }

/*---------------------------3-8-factorycompany end-----------------------------------------------------------------------------*/
/*---------------------------3-9-factorycontact start---------------------------------------------------------------------------*/
.factory-contact { border-bottom: solid 0.26667rem #ECECEC; padding: 0.4rem 0 0; /*contact-top start*/ /*contact-top end*/ /*contact-list start*/ /*contact-list end*/ }

.factory-contact .contact-top { padding: 0.32rem 0 0.4rem; border-bottom: solid 1px #DDDDDD; }

.factory-contact .contact-top .item-pic { width: 2.96rem; height: 2.96rem; margin-right: 0.52rem; }

.factory-contact .contact-top .item-pic img { display: block; margin: 0 auto; width: 100%; }

.factory-contact .contact-top .item-body .item-title { font-size: 0.37333rem; font-weight: bold; color: #2779FF; margin-bottom: 0.04rem; }

.factory-contact .contact-top .item-body .item-jobbox .item-job { color: #999999; font-size: 0.32rem; margin-right: 0.12rem; }

.factory-contact .contact-top .item-body .item-jobbox .item-name { font-size: 0.32rem; }

.factory-contact .contact-list { padding: 0.32rem 0 0.32rem; }

.factory-contact .contact-list li { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; margin-bottom: 0.21333rem; }

.factory-contact .contact-list li .item-left { width: 2.93333rem; margin-right: 0.53333rem; text-align: right; color: #999999; font-size: 0.32rem; line-height: 0.4rem; }

.factory-contact .contact-list li .item-right { font-size: 0.32rem; line-height: 0.4rem; }

.factory-contact .contact-bottom { position: relative; }

.factory-contact .contact-lock { width: 6rem; }

.factory-contact .contact-lock .lock-icon { display: inline-block; width: 1.44rem; height: 1.44rem; background: url(../images/web28.png) no-repeat center; -webkit-background-size: 1.44rem 1.44rem; background-size: 1.44rem; }

.factory-contact .contact-lock .item-title { height: 0.8rem; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; margin-left: -0.13333rem; background-color: #2779FF; color: #FFFFFF; line-height: 0.8rem; text-align: center; }

.factory-contact .contact-lock .item-title a { display: inline-block; padding: 0 0.4rem; font-size: 0.4rem; line-height: 0.34667rem; color: #FFFFFF; }

.factory-contact .contact-lock .item-btn { float: right; font-size: 0.24rem; margin-top: -0.16667rem; color: #2779FF; text-transform: uppercase; }

.gsmh { filter: url(blur.svg#blur); -webkit-filter: blur(0.1rem); -moz-filter: blur(0.1rem); -ms-filter: blur(0.1rem); filter: blur(0.1rem); }

/*---------------------------3-9-factorycontact end-----------------------------------------------------------------------------*/
/*---------------------------5-1-collect products start-------------------------------------------------------------------------*/
.barnav .icon-more.mui-pull-right { margin-top: 0.18667rem; }

.barnav .select { line-height: 1.17333rem; color: #999999; display: inline-block; font-size: 0.32rem; margin-right: 0.52rem; position: relative; z-index: 2; }

.barnav .cancel { margin-right: 0.4rem; line-height: 1.17333rem; color: #999999; display: inline-block; font-size: 0.32rem; position: relative; z-index: 2; display: none; }

.has-footer { padding-bottom: 1.70667rem; }

/*.collect-footer start*/
.collect-footer { display: none; position: fixed; z-index: 9; height: 1.70667rem; background-color: #FFFFFF; left: 0; width: 100%; bottom: 0; padding: 0.26667rem 0.4rem; border-top: solid 1px #ECECEC; }

.collect-footer .call-btn { width: 5.30667rem; height: 1.17333rem; line-height: 1.17333rem; padding: 0; background-color: #2779FF; border-radius: 0.10667rem; font-size: 0.4rem; }

.collect-footer .delete { background: url(../images/delete.png) no-repeat left center; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; padding-left: 0.56rem; text-transform: uppercase; color: #999999; font-size: 0.4rem; margin-top: 0.33333rem; margin-left: 0.4rem; display: inline-block; }

/*collect-list*/
.collect-list li, .inquire-list li, .fac-list li { position: relative; }

.collect-list input[type="checkbox"], .inquire-list input[type="checkbox"], .fac-list input[type="checkbox"] { position: absolute; left: 0; top: 0; z-index: 2; display: none; }

.collect-list .mui-checkbox input[type='checkbox']:before, .inquire-list .mui-checkbox input[type='checkbox']:before, .fac-list .mui-checkbox input[type='checkbox']:before { position: absolute; content: ''; width: 0.8rem; height: 0.8rem; background: url(../images/check.png) no-repeat center; -webkit-background-size: 0.8rem 0.8rem; background-size: 0.8rem; }

.collect-list .mui-checkbox input[type='checkbox']:checked:before, .inquire-list .mui-checkbox input[type='checkbox']:checked:before, .fac-list .mui-checkbox input[type='checkbox']:checked:before { background: url(../images/check_1.png) no-repeat center !important; -webkit-background-size: 0.8rem 0.8rem !important; background-size: 0.8rem !important; }

.collect-list .item-backdrop { position: absolute; content: ''; width: 100%; left: 0; top: 0; height: 100%; z-index: 1; }

/*---------------------------5-1-collect products end---------------------------------------------------------------------------*/
/*---------------------------6-footprint start----------------------------------------------------------------------------------*/
#date1 .layui-laydate { width: 100%; }

#date1 .layui-laydate-main { width: 100%; }

#date1 .layui-laydate-content td, #date1 .layui-laydate-content th { width: 1.42667rem; padding: 0 0.44rem; }

#date1 .laydate-next-y, #date1 .laydate-prev-y { display: none; }

#date1 .layui-laydate-header { border-bottom: 0; }

#date1 .layui-laydate-header i.laydate-prev-m { left: 3.33333rem; }

#date1 .layui-laydate-header i.laydate-next-m { right: 3.33333rem; }

#date1 .layui-laydate { -webkit-box-shadow: none; box-shadow: none; border: 0; }

.day-foot .pl40 { padding-left: 0.53333rem; }

.day-foot input[type='checkbox'] { z-index: 3; width: 0.4rem; height: 0.4rem; display: none; }

.day-foot input[type='checkbox']:before { position: absolute; content: ''; width: 0.4rem; height: 0.4rem; background-color: #FFFFFF; border-radius: 0.4rem; border: solid 1px #DDDDDD; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.day-foot input[type='checkbox']:checked:before { content: ''; background: url(../images/web32.png) no-repeat center; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; }

.day-foot .item-date { font-size: 0.34667rem; color: #999999; margin-bottom: 0.24rem; }

.day-foot .item-date input[type='checkbox'] { left: 0; top: 0.09333rem; }

.day-foot .history-list li { float: left; width: 2.93333rem; margin-left: 0.2rem; position: relative; }

.day-foot .history-list input[type='checkbox'] { top: 0.13333rem; left: 0.13333rem; }

.day-foot .history-list .item-pic { width: 100%; border-radius: 0.10667rem; position: relative; }

.day-foot .history-list .item-pic img { display: block; margin: 0 auto; width: 100%; border-radius: 0.10667rem; }

.day-foot .history-list .item-pic .item-picdrop { position: absolute; top: 0; width: 100%; left: 0; height: 100%; background: #000 url(../images/web43.png) no-repeat center; background: rgba(0, 0, 0, 0.7) url(../images/web43.png) no-repeat center; -webkit-background-size: 0.8rem 0.8rem; background-size: 0.8rem; }

.day-foot .history-list .item-title { font-size: 0.29333rem; line-height: 0.34667rem; height: 1.04rem; margin-top: 0.26667rem; margin-bottom: 0.32rem; }

.day-foot .history-list .item-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

/*---------------------------6-footprint end------------------------------------------------------------------------------------*/
/*---------------------------7-1-inquire-products start-------------------------------------------------------------------------*/
/*inqpro-list start*/
.inqpro-list-box { background-color: #FFFFFF; margin-top: 0.26667rem; padding-bottom: 0.4rem; }

.inqpro-list-box .factory-info { border-bottom: solid 1px #DDDDDD; padding: 0.32rem 0 0.32rem; word-break: break-all; }

.inqpro-list-box .factory-info .item-pic { width: 1rem; margin-right: 0.4rem; }

.inqpro-list-box .factory-info .item-pic img { display: block; border-radius: 50%; width: 100%; }

.inqpro-list-box .factory-info .item-title { color: #2779FF; line-height: 0.4rem; }

.inqpro-list li { margin-top: 0.26667rem; }

.inqpro-list .item-pic { margin-right: 0.4rem; width: 2.85333rem; border-radius: 0.10667rem; }

.inqpro-list .item-pic img { display: block; width: 100%; margin: 0 auto; }

.inqpro-list .item-title { font-size: 0.32rem; line-height: 0.4rem; height: 0.8rem; }

.inqpro-list .item-descbox { margin-top: 0.24rem; }

.inqpro-list .item-descbox input { width: 1.6rem; font-size: 0.32rem; padding: 0; margin-bottom: 0; height: 0.8rem; line-height: 0.8rem; color: #999999; text-align: center; border: 0; border-bottom: solid 1px #DDDDDD; border-radius: 0; }

/*inqpro-list end*/
/*select-temp start*/
.select-temp { margin-top: 0.26667rem; background-color: #FFFFFF; padding-top: 0.4rem; }

.select-temp .item-title { font-size: 0.37333rem; line-height: 0.4rem; }

.select-temp .selectemp-list { margin-top: 0.4rem; }

.select-temp .selectemp-list li { width: 4.4rem; height: 0.8rem; text-align: center; line-height: 0.8rem; float: left; border: solid 1px #DDDDDD; margin-left: 0.4rem; margin-bottom: 0.26667rem; font-size: 0.34667rem; }

.select-temp .selectemp-list .active { border: solid 1px #2779FF; color: #2779FF; }

.select-temp .selectemp-text { width: 100%; height: 4.93333rem; border-radius: 0.05333rem; border: solid 1px #DDDDDD; padding: 0.26667rem; font-size: 0.34667rem; line-height: 0.4rem; word-break: break-all; }

/*select-temp end*/
/*Add attachments start*/
.add-attach { margin-top: 0.26667rem; background-color: #FFFFFF; padding: 0.4rem 0 0.13333rem; }

.add-attach .item-title { background: url(../images/web31.png) no-repeat 0.4rem center; -webkit-background-size: 0.29333rem 0.29333rem; background-size: 0.29333rem; padding: 0 0.4rem 0 0.82667rem; font-size: 0.37333rem; }

.add-attach .item-title span { color: #999999; }

.add-attach .item-desc { color: #999999; line-height: 0.45333rem; font-size: 0.32rem; padding: 0.2rem 0.4rem 0.26667rem; }

/*Add attachments end*/
/*nuploader start-----------------------*/
.nuploader-box1 { height: 2.93333rem !important; }

.nuploader-box { position: relative; margin-left: -0.2rem; height: 5.86667rem; }

.nuploader-box .uploader-list { width: 100%; overflow: hidden; }

.nuploader-box .file-item { float: left; position: relative; margin-left: 0.6rem; margin-bottom: 0.26667rem; width: 2.66667rem; }

.nuploader-box .file-item > img { display: block; width: 100%; }

.nuploader-box .file-item .error { position: absolute; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); color: white; text-align: center; height: 0.53333rem; font-size: 0.26667rem; line-height: 0.53333rem; }

.nuploader-box .file-item .info { position: absolute; left: 0; bottom: 0; right: 0; height: 0.4rem; line-height: 0.4rem; padding: 0 0.13333rem; background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.26667rem; z-index: 10; }

.nuploader-box .file-item .progress { position: absolute; right: 4px; bottom: 4px; height: 3px; left: 4px; height: 4px; overflow: hidden; z-index: 15; margin: 0; padding: 0; border-radius: 0; background: transparent; }

.nuploader-box .file-item .progress span { display: block; overflow: hidden; width: 0; height: 100%; background: #d14 url(../images/progress.png) repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -webkit-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0); }

#filePicker { position: absolute; width: 100%; height: 100%; left: 0; right: 0; }

#filePicker .webuploader-pick { width: 100%; height: 100%; padding: 0; border-radius: 0; margin: 0; background: transparent; }

#filePicker input { width: 100%; height: 100%; }

#filePicker .bglist li { float: left; margin-left: 0.6rem; background: url(../images/jia.png) no-repeat center; -webkit-background-size: 2.66667rem 2.66667rem; background-size: 2.66667rem; width: 2.66667rem; height: 2.66667rem; margin-bottom: 0.26667rem; }

.upload-state-done:after { position: absolute; content: ""; width: 0.4rem; height: 0.4rem; top: 0.13333rem; right: 0.13333rem; background: url(../images/close.png) no-repeat center; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; z-index: 2; }

@-webkit-keyframes progressmove { 0% { background-position: 0 0; }
  100% { background-position: 17px 0; } }

@-moz-keyframes progressmove { 0% { background-position: 0 0; }
  100% { background-position: 17px 0; } }

@keyframes progressmove { 0% { background-position: 0 0; }
  100% { background-position: 17px 0; } }

/*nuploader end---------------------------*/
.send-btn { width: 8.93333rem; height: 1.17333rem; border-radius: 0.10667rem !important; background-color: #2779FF; padding: 0 !important; line-height: 1.17333rem !important; margin: 0.4rem auto !important; display: block !important; font-size: 0.4rem !important; }

/*---------------------------7-1-inquire-products end---------------------------------------------------------------------------*/
/*---------------------------7-3-inquire_success start--------------------------------------------------------------------------*/
.inquire-success .inqsuc-top { padding: 0.4rem 0 0.8rem; }

.inquire-success .inqsuc-top .item-icon { width: 1.06667rem; height: 1.06667rem; background: url(../images/success.png) no-repeat center; -webkit-background-size: 1.06667rem 1.06667rem; background-size: 1.06667rem; }

.inquire-success .inqsuc-top .item-title { font-size: 0.37333rem; line-height: 0.4rem; margin-top: 0.13333rem; }

.inquire-success .inqsuc-top .item-desc { font-size: 0.32rem; line-height: 0.4rem; color: #999999; margin-top: 0.74667rem; max-width: 7.38667rem; margin-left: auto; margin-right: auto; }

.inquire-success .inqsuc-top .item-btn { display: inline-block; width: 5.30667rem; height: 1.17333rem; border-radius: 0.10667rem; background-color: #2779FF; font-size: 0.4rem; line-height: 1.17333rem; color: #FFFFFF; margin-top: 0.21333rem; }

.inquire-success .factory-info { border-top: solid 1px #DDDDDD; padding: 0.32rem 0 0.32rem; word-break: break-all; }

.inquire-success .factory-info .item-pic { width: 1rem; height: auto; margin-right: 0.4rem; }

.inquire-success .factory-info .item-pic img { display: block; border-radius: 50%; width: 100%; }

.inquire-success .factory-info .item-title { color: #2779FF; line-height: 0.4rem; }

.inquire-success .factory-info .item-title a { color: #2779FF; }

/*---------------------------7-3-inquire_success end----------------------------------------------------------------------------*/
/*---------------------------7-6-inqpro-detail start----------------------------------------------------------------------------*/
.bgblue { background-color: #E9F1FF !important; }

.inqdia-list { margin-top: 0.26667rem; background-color: #FFFFFF; padding: 0.4rem 0.4rem 0; }

.inqdia-list .item-pic { width: 0.93333rem; margin-right: 0.26667rem; }

.inqdia-list .item-pic img { display: block; margin: 0 auto; width: 100%; }

.inqdia-list .item-body { overflow: hidden; }

.inqdia-list .item-body .item-title { font-weight: bold; font-size: 0.4rem; }

.inqdia-list .item-body .item-date { color: #999999; font-size: 0.29333rem; }

.inqdia-list .item-body .item-content { padding: 0.26667rem 0; font-size: 0.37333rem; line-height: 0.48rem; color: #333333; }

.inqdia-list .item-body .item-content p, .inqdia-list .item-body .item-content li, .inqdia-list .item-body .item-content span, .inqdia-list .item-body .item-content strong, .inqdia-list .item-body .item-content b { font-size: 0.37333rem; line-height: 0.48rem; color: #333333; }

.inqdia-list .item-pics { padding-bottom: 0.13333rem; border-top: solid 1px #DDDDDD; }

.inqdia-list .item-pics .item-title { font-size: 0.34667rem; line-height: 0.4rem; padding: 0.26667rem 0; }

.inqdia-list .item-pics li { float: left; width: 2.66667rem; height: 2.66667rem; margin-left: 0.6rem; position: relative; margin-bottom: 0.26667rem; }

.inqdia-list .item-pics li img { display: block; width: 100%; margin: 0 auto; }

.inqdia-list .item-pics li .pic-info { position: absolute; left: 0; width: 100%; height: 0.4rem; line-height: 0.4rem; font-size: 0.26667rem; color: #FFFFFF; padding: 0 10px; background: rgba(0, 0, 0, 0.5); bottom: 0; }

.latest { text-align: center; line-height: 1.09333rem; color: #999999; font-size: 0.32rem; }

.talk-footer { border-top: solid 1px #ECECEC; position: fixed; background-color: #FFFFFF; padding: 0.26667rem 0.4rem; }

.talk-footer .inq-img { width: 0.53333rem; height: 0.53333rem; margin-right: 0.4rem; }

.talk-footer .inq-img img { display: block; width: 0.53333rem; }

.talk-footer .reply-btn { width: 1.86667rem; height: 0.8rem; border-radius: 0.10667rem; background-color: #2779FF; font-size: 0.33333rem; text-transform: uppercase; margin-left: 0.4rem; padding: 0; }

.talk-footer .reply-input { background-color: #ECECEC; border: 0; font-size: 0.32rem; height: 0.8rem; margin-bottom: 0; line-height: 0.48rem; padding: 0.13333rem 0.26667rem; }

.talk-footer .reply-input.active { height: 2rem !important; }

.reply-wrap { padding-bottom: 1.33333rem; }

.reply-wrap.active { padding-bottom: 2.53333rem; }

/*---------------------------7-6-inqpro-detail end------------------------------------------------------------------------------*/
.no-paddingb { padding-bottom: 0 !important; }

/*---------------------------7-10-inquire-search_results start------------------------------------------------------------------*/
.inquire-list { background-color: inherit; }

.inquire-list li { margin-bottom: 0.26667rem; background-color: #FFFFFF; padding: 0.4rem; position: relative; }

.inquire-list .item-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; }

.inquire-list .item-pic { margin-right: 0.26667rem; width: 0.93333rem; }

.inquire-list .item-pic img { display: block; margin: 0 auto; width: 0.93333rem; height: 0.93333rem; border-radius: 50%; }

.inquire-list .item-pic .mui-badge-danger { width: 0.26667rem; height: 0.26667rem; -webkit-box-shadow: 0px 2px 6px 0px rgba(223, 0, 0, 0.3); box-shadow: 0px 2px 6px 0px rgba(223, 0, 0, 0.3); padding: 0; }

.inquire-list .item-body { overflow: hidden; word-break: break-all; }

.inquire-list .item-body .item-line { margin-top: -0.06667rem; }

.inquire-list .item-body .item-line .item-form { font-weight: bold; font-size: 0.4rem; padding-right: 0.13333rem; }

.inquire-list .item-body .item-line .item-date { font-size: 0.29333rem; color: #999999; }

.inquire-list .item-body .item-title { font-size: 0.29333rem; line-height: 0.4rem; color: #999; margin-top: 0.06667rem; }

.inquire-list .item-body .item-desc { font-size: 0.34667rem; line-height: 0.48rem; max-height: 0.96rem; margin-top: 0.12rem; }

.end { text-align: center; font-size: 0.32rem; color: #999999; line-height: 0.48rem; padding-bottom: 0.26667rem; }

/*---------------------------7-10-inquire-search_results end--------------------------------------------------------------------*/
/*---------------------------7-11-inquire-search-blank start--------------------------------------------------------------------*/
.blank-box { background: url(../images/blank.png) no-repeat top center; -webkit-background-size: 1.2rem 1.2rem; background-size: 1.2rem; padding-top: 1.73333rem; font-size: 0.37333rem; line-height: 0.4rem; color: #999999; margin-top: 2.66667rem; }

/*---------------------------7-11-inquire-search-blank end----------------------------------------------------------------------*/
/*---------------------------7-12-all_inquires start----------------------------------------------------------------------------*/
.searchbox { margin-top: 0.18667rem; padding: 0 0 0.18667rem 0.4rem; }

.barnav .delete-icon { background: url(../images/delete.png) no-repeat center; width: 0.4rem; height: 1.17333rem; display: block; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; margin-right: 0.4rem; position: relative; z-index: 2; }

/*.collect-footer start*/
.inquire-footer { display: none; position: fixed; z-index: 9; height: 1.70667rem; background-color: #FFFFFF; left: 0; width: 100%; bottom: 0; padding: 0.26667rem 0.4rem; border-top: solid 1px #ECECEC; }

.inquire-footer .delete-btn { width: 5.30667rem; height: 1.17333rem; line-height: 1.17333rem; padding: 0 0 0 2.17333rem; background: #2779FF url(../images/delete_1.png) no-repeat 1.61333rem center; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; border-radius: 0.10667rem; font-size: 0.4rem; text-transform: uppercase; text-align: left; display: none; }

.inquire-footer .recover-btn { width: 5.30667rem; height: 1.17333rem; line-height: 1.17333rem; padding: 0; -webkit-background-size: 0.4rem 0.4rem; background-size: 0.4rem; border-radius: 0.10667rem; font-size: 0.4rem; text-transform: uppercase; display: none; }

/*---------------------------7-12-all_inquires end------------------------------------------------------------------------------*/
/*---------------------------7-15-trash start-----------------------------------------------------------------------------------*/
.barnav .recover { line-height: 1.17333rem; color: #999999; margin-right: 0.53333rem; position: relative; z-index: 9; }

.select-box { position: relative; }

.select-box .select-list { position: absolute; left: 0; top: 100%; background-color: #FFF; z-index: 999; width: 100%; display: none; text-align: center; border: solid 1px #ECECEC; padding: 0.13333rem 0; font-size: 0.42667rem; }

.select-box .select-item { float: none; color: #555; line-height: 0.8rem; font-weight: normal; }

.select-box .select-item a { color: #555; }

.select-box > .select-item { background: url(../images/web8_1.png) no-repeat right center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-right: 0.53333rem; font-size: 0.45333rem; display: inline-block; color: #2779FF; font-weight: normal; }

/*---------------------------7-15-trash end-------------------------------------------------------------------------------------*/
/*---------------------------7-18-system-mes_detail start-----------------------------------------------------------------------*/
.systemmes-detail { background-color: #FFFFFF; /*.systemmes-head start*/ /*systemmes-head end*/ /*systemmes-desc*/ }

.systemmes-detail .systemmes-head { margin-top: 0.26667rem; padding: 0.4rem 0.4rem 0; }

.systemmes-detail .systemmes-head .item-pic { margin-right: 0.26667rem; width: 0.93333rem; }

.systemmes-detail .systemmes-head .item-pic img { display: block; margin: 0 auto; width: 0.93333rem; height: 0.93333rem; border-radius: 50%; }

.systemmes-detail .systemmes-head .item-pic .mui-badge-danger { width: 0.26667rem; height: 0.26667rem; -webkit-box-shadow: 0px 2px 6px 0px rgba(223, 0, 0, 0.3); box-shadow: 0px 2px 6px 0px rgba(223, 0, 0, 0.3); padding: 0; }

.systemmes-detail .systemmes-head .item-body { overflow: hidden; word-break: break-all; }

.systemmes-detail .systemmes-head .item-body .item-line { margin-top: -0.06667rem; }

.systemmes-detail .systemmes-head .item-body .item-line .item-form { font-weight: bold; font-size: 0.4rem; padding-right: 0.13333rem; }

.systemmes-detail .systemmes-head .item-body .item-line .item-date { font-size: 0.29333rem; color: #999999; }

.systemmes-detail .systemmes-desc { padding: 0.26667rem 0.4rem; font-size: 0.34667rem; color: #333333; line-height: 0.48rem; }

.systemmes-detail .systemmes-desc p, .systemmes-detail .systemmes-desc li, .systemmes-detail .systemmes-desc a, .systemmes-detail .systemmes-desc strong, .systemmes-detail .systemmes-desc span, .systemmes-detail .systemmes-desc b { font-size: 0.34667rem; color: #333333; line-height: 0.48rem; }

/*---------------------------7-18-system-mes_detail end-------------------------------------------------------------------------*/
/*---------------------------4-1-signin start-----------------------------------------------------------------------------------*/
.hfc-btn { width: 100% !important; height: 1.17333rem !important; line-height: 1.17333rem !important; border-radius: 0.10667rem !important; padding: 0 !important; background-color: #2779FF !important; border: solid 1px #2779FF !important; font-size: 0.4rem !important; margin-top: 1.33333rem; margin-bottom: 0.66667rem !important; }

.sign-form { padding-top: 0.4rem; }

.sign-form .mui-input-row input { width: 100%; height: 1.25333rem; border-radius: 0; border: 0; border-bottom: solid 1px #DDDDDD; font-size: 0.37333rem; padding: 0 0.64rem; margin-bottom: 0; }

.sign-form .mui-input-row .add-input { background: url(../images/web33.png) no-repeat left center; -webkit-background-size: 0.37333rem 0.37333rem; background-size: 0.37333rem; }

.sign-form .mui-input-row .pass-input { background: url(../images/web34.png) no-repeat left center; -webkit-background-size: 0.37333rem 0.37333rem; background-size: 0.37333rem; }

.sign-form .forget-pass-txt { font-size: 0.32rem; color: #2779FF; display: block; text-align: right; margin-top: -0.26667rem; text-decoration: underline; }

.signin-with { position: fixed; bottom: 0; left: 0.4rem; right: 0.4rem; padding-bottom: 1.6rem; }

.signin-with .item-title { text-align: center; }

.signin-with .item-title span { font-size: 0.32rem; color: #999999; position: relative; }

.signin-with .item-title span:before, .signin-with .item-title span:after { position: absolute; content: ''; width: 2.66667rem; height: 1px; top: 50%; -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #DDDDDD; }

.signin-with .item-title span:before { left: -2.93333rem; }

.signin-with .item-title span:after { right: -2.93333rem; }

.signin-with .item-follow { padding: 0.53333rem 0 1.2rem; }

.signin-with .item-follow img { float: left; width: 0.93333rem; height: 0.93333rem; display: block; margin: 0 0.33333rem 0 0.53333rem; }

.signin-with .item-subt { font-size: 0.4rem; color: #999999; text-align: center; }

.signin-with .item-subt a { color: #2779FF; text-transform: uppercase; }

.choose-box { text-align: center; margin-bottom: 0.13333rem; }

.choose-box .choose-title { font-size: 0.4rem; color: #999999; margin: 0 0 0.13333rem; }

.choose-box .role-reslut { color: #2779FF; font-size: 0.4rem; display: inline-block; background: url(../images/web8_1.png) no-repeat right center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; padding-right: 0.4rem; }

/*reg-success*/
.reg-success .item-body { background-color: #FFFFFF; border-radius: 0.26667rem; width: 8.4rem; text-align: center; padding: 0.93333rem 0 0.8rem; }

.reg-success .item-body .item-title { background: url(../images/success.png) no-repeat top center; -webkit-background-size: 1.06667rem 1.06667rem; background-size: 1.06667rem; padding-top: 1.33333rem; font-size: 0.45333rem; line-height: 0.64rem; }

.reg-success .item-body .item-subt { color: #999999; font-size: 0.29333rem; margin-top: 0.34667rem; }

/*---------------------------4-1-signin end-------------------------------------------------------------------------------------*/
.please-title { color: #999999; font-size: 0.32rem; line-height: 0.4rem; padding: 0.22667rem 0 0; margin: 0.08rem -0.06667rem 0.21333rem; word-break: break-word; }

.please-title span { display: inline-block; width: 0.32rem; height: 0.32rem; background: url(../images/web35.png) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; margin-right: 0.12rem; }

.hfc-row .mui-input-row.flex { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-items: flex-end; margin-top: -0.13333rem; }

.hfc-row .mui-button-row { padding-top: 0; }

.hfc-row .hfc-title { font-size: 0.34667rem; margin-top: 0.16rem; line-height: 0.53333rem; }

.hfc-row .hfc-codebtn { width: 2.26667rem; height: 1.12rem; border-radius: 0; background-color: #2779FF; border-color: #2779FF; border: 0; padding: 0; font-size: 0.4rem; }

.hfc-row .line { display: inline-block; position: relative; width: 1.06667rem; height: 1.12rem; }

.hfc-row .line:after { position: absolute; content: ''; width: 0.53333rem; height: 0.02667rem; background-color: #999; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.hfc-row .hfc-input100, .hfc-row .hfc-codeinput, .hfc-row .hfc-input50, .hfc-row .hfc-input { border-radius: 0; border: 0; border-bottom: solid 1px #DDDDDD; font-size: 0.37333rem; padding: 0 0.8rem 0 0.26667rem; margin-top: -0.13333rem; margin-bottom: 0; height: 1.12rem; line-height: 1.12rem; background-color: transparent; }

.hfc-row input[type='password'] { padding-right: 1.6rem; }

.hfc-row .hfc-codeinput { margin-top: 0; }

.hfc-row .hfc-input50, .hfc-row .row50 { width: 4.33333rem; }

.hfc-row .hfc-input20 { padding: 0 0.26667rem; width: 1.46667rem; }

.hfc-row .country-row:after { position: absolute; content: ''; width: 0.26667rem; height: 0.26667rem; background: url(../images/web8.png) no-repeat center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; right: 0.26667rem; top: 50%; margin-top: -0.13333rem; }

.hfc-row .mui-input-row .mui-input-clear ~ .mui-icon-clear, .hfc-row .mui-input-row .mui-input-password ~ .mui-icon-eye { top: 0; }

.hfc-row .mui-icon-clear, .hfc-row .mui-icon-eye { width: 0.8rem !important; height: 1.06667rem !important; right: 0 !important; top: 0; }

.hfc-row .mui-icon-clear:before { position: absolute; content: ''; width: 0.8rem !important; height: 1.06667rem !important; top: 0; right: 0; background: url(../images/web10.png) no-repeat center; -webkit-background-size: 0.26667rem 0.26667rem; background-size: 0.26667rem; }

.hfc-row .mui-icon-eye ~ .mui-icon-clear { right: 0.8rem !important; }

.hfc-row .mui-icon-eye:before { position: absolute; content: ''; width: 0.8rem !important; height: 1.06667rem !important; top: 0; right: 0; background: url(../images/eye1.png) no-repeat center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; }

.hfc-row .mui-active.mui-icon-eye:before { background: url(../images/eye1_1.png) no-repeat center; -webkit-background-size: 0.34667rem 0.34667rem; background-size: 0.34667rem; }

.hfc-row textarea { margin-top: 0.53333rem; height: 2.66667rem; border-radius: 0; border: solid 1px #DDDDDD; font-size: 0.37333rem; line-height: 0.64rem; padding: 0.08rem 0.26667rem; word-break: break-all; }

.hfc-row .resfac-btn { margin-top: 0.66667rem; }

.error-p { color: #DF0000; font-size: 0.32rem; line-height: 0.4rem; margin-top: 0.26667rem; }

.error-icon { display: inline-block; width: 0.32rem; height: 0.32rem; background: url(../images/web35_1.png) no-repeat center; -webkit-background-size: 0.32rem 0.32rem; background-size: 0.32rem; margin-right: 0.09333rem; float: left; }

/*error-model*/
.error-model .item-body { width: 8.4rem; background-color: #FFFFFF; border-radius: 0.26667rem; }

.error-model .item-body p { font-size: 0.45333rem; text-align: center; line-height: 1.17333rem; border-bottom: solid 1px #DDDDDD; }

.error-model .item-body p:last-child { border-bottom: 0; }

.error-model .item-body .item-confirm, .error-model .item-body .item-recover { color: #2779FF; }

.error-model .item-body .item-confirm a, .error-model .item-body .item-recover a { color: #2779FF; }

/*-------------------8-feedback-box start------------------------------------------------------------------*/
.feedback-box .mui-row .item-desc { margin: 0.53333rem 0 0.6rem; word-break: break-word; font-size: 0.32rem; line-height: 0.4rem; color: #999999; }

.feedback-box .mui-row .item-desc a { color: #2779FF; }

.feedback-box .mui-row .item-title { font-weight: bold; font-size: 0.37333rem; line-height: 0.4rem; margin-bottom: 0.24rem; }

.feedback-box .mui-row .item-title .icon-star { display: inline-block; width: 0.18667rem; height: 0.21333rem; background: url(../images/star.png) no-repeat center; -webkit-background-size: 0.18667rem 0.18667rem; background-size: 0.18667rem; margin-left: 0.12rem; }

.feedback-box .whats-list { margin-bottom: 0.32rem; }

.feedback-box .whats-list li { font-size: 0.37333rem; line-height: 0.93333rem; }

.feedback-box .whats-list li input { width: 0.4rem; height: 0.4rem; position: relative; top: 0.10667rem; margin-right: 0.26667rem; }

.feedback-box textarea { height: 4.93333rem; border-radius: 0.05333rem; border: solid 1px #DDDDDD; font-size: 0.37333rem; line-height: 0.64rem; padding: 0.08rem 0.26667rem; word-break: break-all; margin-bottom: -0.33333rem; }

.feedback-box .add-attach { margin-bottom: 0.18667rem; }

.feedback-box .add-attach .item-title { font-weight: bold; }

.feedback-box .add-attach .item-title span { font-weight: normal; }

/*-------------------8-feedback-box end------------------------------------------------------------------*/
/*banner-backdrop start*/
.banner-backdrop { background: rgba(0, 0, 0, 0.88); }

.banner-backdrop .close-banner { color: #999999; font-size: 0.8rem; position: absolute; top: 0.16rem; left: 0.16rem; z-index: 999; }

.banner-backdrop .backdrop-banner { height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 2.50667rem 0 0 0; }

.banner-backdrop .backdrop-banner .swiper-pagination { bottom: 1.33333rem; color: #FFFFFF; font-size: 0.37333rem; }

.banner-backdrop .backdrop-banner .swiper-pagination span { color: #FFFFFF; font-size: 0.37333rem; }

.cer-backdrop.banner-backdrop .backdrop-banner { padding-top: 1.17333rem; }

.cer-backdrop.banner-backdrop .backdrop-banner .swiper-slide img { width: 7.36rem !important; margin: 0 auto; }

.cer-backdrop.banner-backdrop .cer-body { color: #FFFFFF; font-size: 0.37333rem; padding-top: 0.26667rem; padding-bottom: 1.12rem; }

.cer-backdrop.banner-backdrop .cer-body .mui-text-right { padding-right: 0.4rem; }

.company-backdrop.banner-backdrop .backdrop-banner { height: auto; padding-top: 2.45333rem; }

.company-backdrop.banner-backdrop .item-title { font-size: 0.37333rem; text-align: center; color: #FFFFFF; padding: 0.69333rem 0 1.28rem; }

/*menu-box start*/
.menu-backdrop .closemenu { z-index: 9; }

.menu-box { background-color: #FFFFFF; width: 7.46667rem; position: absolute; top: 1.17333rem; right: 0.4rem; z-index: 1000; }

.menu-box .navlist { padding: 0.53333rem 0.53333rem 0 0.4rem; }

.menu-box .navlist li { margin-bottom: 0.50667rem; padding-left: 1.06667rem; line-height: 0.45333rem; }

.menu-box .navlist li a { font-size: 0.4rem; }

.menu-box .navlist .nav-item1 { background: url(../images/slide2.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item2 { background: url(../images/slide3.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item3 { background: url(../images/slide4.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item4 { background: url(../images/slide5.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item5 { background: url(../images/slide6.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item6 { background: url(../images/slide7.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item7 { background: url(../images/slide8.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item8 { background: url(../images/slide9.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .nav-item9 { background: url(../images/slide10.png) no-repeat left center; -webkit-background-size: 0.45333rem 0.45333rem; background-size: 0.45333rem; }

.menu-box .navlist .mui-badge { font-size: 0.32rem; line-height: 0.32rem; padding: 0.13333rem 0.09333rem; }

/*menu-box end*/
/*inquire-footer*/
.detail-footer { position: fixed; height: 1.70667rem; background-color: #FFFFFF; padding-top: 0.26667rem; }

.detail-footer .inquire-btn { width: 8.93333rem; height: 1.17333rem; line-height: 1.17333rem; border-radius: 0.10667rem; background-color: #2779FF; text-align: center; font-size: 0.4rem; color: #FFFFFF; padding: 0; display: block; margin: 0 auto; }

.border20 { border-bottom: solid 0.26667rem #ECECEC; }

.fachead { background-color: #FFFFFF; position: fixed; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 10rem; top: 0; z-index: 998; }

.fachead .mui-icon-arrowleft { color: #999999 !important; }

.fachead .searchp { background-color: #ECECEC !important; color: #999999 !important; background-image: url(../images/search1.png) !important; }

/*index-search-head*/
.index-search-head { margin-top: 0; width: 7.53333rem; position: absolute; }

.index-search-head .mui-btn { right: 0; }

.haspad { padding-top: 0.26667rem; }

.colorking { color: #2779FF; }

.addthis_inline_share_toolbox_bzpz { padding: 0.26667rem 0 0.26667rem; }

.at-style-responsive .at-share-btn { width: 1.06667rem; height: 1.06667rem; border-radius: 50% !important; margin: 0 0.4rem 0.53333rem !important; padding: 0 !important; padding: 0.10667rem !important; }

.at-style-responsive .at-share-btn .at-icon-wrapper, .at-style-responsive .at-share-btn svg { width: 0.85333rem !important; height: 0.85333rem !important; }


/* m-404 start */
.m-404{position: relative;}

.m-404 .content{position: absolute; left: 0; right: 0;  margin-top: 3.33333rem;}

.m-404 .content p{text-align: center;}

.m-404 .content .phone{ max-width: 710px; margin: 0 auto; padding: 0 20px;}

.m-404 .content .content-img a{font-size: 0; line-height: 0;display: block;}

.m-404 .content .content-text{margin-top: 0.66666rem; font-size: 0.53333rem;color: rgb(51, 51, 51);font-family: "arialMT";}

.m-404 .content .content-btn{border-radius: 0.13333rem; width: 100%; height: 1.173333rem; margin-top: 0.66666rem; font-size: 0.4rem;color: rgb(255, 255, 255);background-color: rgb(39, 121, 255); font-family: "arialMT"; box-sizing: border-box; -moz-box-sizing: border-box;line-height: 1.1733333rem;}

.m-404 .content .content-btn a {color: rgb(255, 255, 255);}

/* m-404 end */

/* m-error start */
.m-error{position: relative;}

.m-error .content{position: absolute; left: 0; right: 0;  margin-top: 5.46666rem;}

.m-error .content p{text-align: center;}

.m-error .content .phone{ max-width: 710px; margin: 0 auto; padding: 0 0.26666rem;}

.m-error .content .content-img {font-size: 0; line-height: 0;display: block;}

.m-error .content .content-text{margin-top: 0.66666rem; font-size: 0.426666rem;color: #999999;font-family: "arialMT";}

.m-error .content .content-text2{margin-top: 0.4rem; font-size: 0.32rem;color: #999999; font-family: "arialMT";}


/* m-error end */
/*# sourceMappingURL=style.css.map */

#ksu2u{
  width: 100% !important;
}
#h9p07>div{
  width: 100% !important;  
  height: auto !important;
}
#h9p07>div>img{
  width: 100% !important;  
  height: auto !important;
}
#e6hb4>div{
  width: 100% !important;  
  height: auto !important;
}
#e6hb4>div>img{
  width: 100% !important;  
  height: auto !important;
}
#h7pzl>div{
  width: 100% !important;  
  height: auto !important;
}
#h7pzl>div>img{
  width: 100% !important;  
  height: auto !important;
}
/* loading的图标显示不全问题 */
.layui-layer-dialog .layui-layer-content .layui-layer-ico{
  width: 35px !important;
  height: 35px !important;
}