html *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-family: "Microsoft yahei"}
body{ position: relative; transition:transform 0.3s ease;font-family:"Microsoft yahei",Helvetica,Arial,sans-serif;}



.m-tit{width:9.466667rem; margin: 0 auto; height:1.333333rem;line-height:1.333333rem; overflow: hidden;}
.m-tit h2{ background: url(../img/shop/icon-t2.png) no-repeat left center; background-size:.253333rem .266667rem;font-weight: bold;}
.m-tit .tip-rz{float: right; padding-right: .6rem; font-size: 0.35rem; color: #305fca}
.m-shopHeader{ position:relative;width:10rem;height:4.106667rem; margin: 0 auto; background: url(../img/shop/shop_head_bg1.jpg) no-repeat; background-size: cover}

.m-back2{ position: relative; z-index: 9; width:10rem;height: 1.2rem; line-height: 1.2rem;}
.m-back2 a{float: left; padding-left: .933333rem;font-size:.48rem; color: #fff;}
.m-back2 a::after{ font-family:"iconfont" !important;content: "\e610";position: absolute;left: .4rem;top: .03rem; }
.m-back2 .m-search{ margin-left: 1.5rem; width: 6.666667rem; height: 1.173333rem; line-height: 1.173333rem; float: left; border-bottom: 1px solid #fff;}
.m-back2 .m-search::after{font-family:"iconfont" !important;content: "\e622";position: absolute;left: 1.5rem;top: .03rem; color: #fff; font-size: 0.6rem;}
.m-back2 .m-search input{width: 6.666667rem; height: 1.173333rem;padding-left: 0.8rem; border: none; font-size:.32rem;  color: #fff;}
.m-back2 .m-search input::-moz-placeholder { color: #dbf2f8; }
.m-back2 .m-search input:-ms-input-placeholder { color: #dbf2f8; }
.m-back2 .m-search input::-webkit-input-placeholder{ color:#dbf2f8;}


.m-back2 .m-menu{float: right; width: 1.333333rem; height: 1.173333rem;padding:0 .266667rem 0 0;}
.m-back2 .m-menu.active{background:rgba(0, 0, 0, 0.8)}
.m-back2 .m-menu i{ display:block; margin: 0 auto; color: #fff;  text-align:center; width: 0.5rem; font-size: 0.6rem; }

.topFixed{ display: none; height: 1.3rem;line-height: 1.3rem; }
.topFixed ul {width: 10rem; background: #fff; height: 1.3rem;line-height: 1.3rem;box-shadow: 0 .05rem .1rem rgba(6, 0, 1, .1); position: fixed; top:1.2rem; z-index: 9; display: flex;display: -webkit-flex;justify-content: space-between;}
.topFixed ul li{ position: relative; text-align: center; width: 33%;}
.topFixed ul li a{ color: #000;font-size:.4rem}
.topFixed ul li.active a{color:#46a1bd;}
.topFixed ul li.active::after{content: "";position: absolute; bottom:-2px; height:2px; background: #46a1bd; width: 100%; left: 0;}

.m-shopHeader2{ position:relative;width:10rem;height:1.2rem; margin: 0 auto;}
.m-shopHeader2 .m-backMenu{ position: fixed; z-index: 999; width:10rem; height: 1.2rem; line-height: 1.2rem; background: rgba(0, 0, 0, 0.5)}
.m-shopHeader2 .m-backMenu.bgfff{background: #fff;}
.m-shopHeader2 .m-backMenu.bgfff a{color: #333;}
.m-shopHeader2 .m-backMenu.bgfff .m-menu i{color: #333;}
.m-shopHeader2 .m-backMenu a{ padding-left: .933333rem;font-size:.48rem; color: #fff;}
.m-shopHeader2 .m-backMenu a::after{ font-family:"iconfont" !important;content: "\e610";position: absolute;left: .4rem;top: .03rem; font-size:.5rem; }
.m-shopHeader2 .m-backMenu .m-menu{float: right; width: 1.333333rem; height: 1.2rem;padding:0 .266667rem 0 0;}
.m-shopHeader2 .m-backMenu .m-menu.active{background:rgba(0, 0, 0, 0.8)}
.m-shopHeader2 .m-backMenu .m-menu i{ display:block; margin: 0 auto; color: #fff;  text-align:center; width: 0.5rem; font-size: 0.6rem; }

.headInfo{margin-top: 0.6rem;}
.headInfo .h-logo{margin:0 .266667rem; float: left; width: 1.733333rem; height: 1.733333rem; border-radius: 4px; background: #fff; overflow: hidden;display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}
.headInfo .h-logo img{display:block; margin: 0 auto; 
max-width: 1.733333rem;
max-height:  1.733333rem;
width: expression(this.width >  1.733333rem && this.width > this.height ?  1.733333rem: true);
height: expression(this.height > 1.733333rem ?  1.733333rem: true);
vertical-align: middle;
overflow: hidden;
}
.headInfo .h-info { float: left; width: 7rem; position: relative;}
.headInfo .h-info h1{ font-size: .346667rem; color: #fff; font-weight:bold;}
.headInfo .h-info .rz{ height: .733333rem; line-height: .733333rem; color: #fff; font-size: .293333rem; background: url(../img/shop/icon-rz1.png) no-repeat 0 0.15rem; padding-left: 0.45rem; background-size: .333333rem .386667rem;}

.headInfo .h-info .type{ display: inline; background: rgba(0, 0, 0, 0.5); border: 1px solid #57acc0;padding:.08rem .133333rem; font-size: .293333rem; color: #57acc0;}

.headInfo .h-info .icon-v{ position: absolute; top: 0.6rem; left: 1.5rem; display: block; width: 1.173333rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .266667rem; color: #fff; font-style: normal; border-radius: 4px;}
.headInfo .h-info .icon-v.zz{ background: #ec4949;}
.headInfo .h-info .icon-v.zs{ background: #d7c18e;}
.headInfo .h-info .icon-v.bj{ background: #a9bcde;}
.headInfo .h-info .icon-v.jct{ width: 2.5rem; font-size: .24rem; color: #fff; background: url(../img/icon-jct.jpg) no-repeat 0 0; background-size: 1.173333rem .4rem;padding-left: 1.2rem}
.headInfo .h-info .icon-v.jct i{ font-size: .346667rem; font-weight: bold; color: #b50000; padding:0 0.15rem 0 0.06rem;}

.share-nameCard{ position: absolute; right: 0.4rem; top: 3rem;}
.share-nameCard p{ position: relative; display: inline; font-size: .266667rem; color: #fff; margin-left: 0.2rem; padding-top:0.6rem;}
.share-nameCard p.share::before{font-family:"iconfont" !important;content: "\e6a4";position: absolute;left: .01rem;top: 0; font-size: 0.5rem; color: #b9d2d9; }
.share-nameCard p.nameCard::before{font-family:"iconfont" !important;content: "\e680";position: absolute;left:0;top: 0.08rem; font-size: 0.5rem; color: #b9d2d9;}

.headInfo.headInfo2{padding:.466667rem 0; height: 4rem; margin-top: 0;}
.headInfo.headInfo2 .h-logo {border: 1px solid #ddd}
.headInfo.headInfo2 .h-info h1{color: #000;}
.headInfo.headInfo2 .h-info .icon-v.jct{ color: #ec4949}
.headInfo.headInfo2 .h-info .type{ display: inline; background: #fff; border: 1px solid #ccc;padding:.08rem .133333rem; font-size: .293333rem; color: #999;}
.headInfo.headInfo2 .h-info .rz{ height: .733333rem; line-height: .733333rem; color: #4ac711; font-size: .293333rem; background: url(../img/icon-rz.png) no-repeat 0 0.15rem; padding-left: 0.45rem; background-size: .333333rem .386667rem;}
.headInfo.headInfo2 .h-info .noRz{ height: .733333rem; line-height: .733333rem; color: #8a8a8a; font-size: .293333rem; background: url(../img/icon-norz.png) no-repeat 0 0.15rem; padding-left: 0.45rem; background-size: .333333rem .386667rem;}
.headInfo.headInfo2 .h-info .golink{ width: 6rem; margin-top: 0.45rem;}
.headInfo.headInfo2 .h-info .golink a{ float: left; margin-right: 0.25rem; border-radius: 4px; font-size: .32rem; color: #46a1bd; font-weight: bold; display: inline-block; width: 2.64rem; height: .88rem; line-height: .88rem; text-align: center; border: 1px solid #46a1bd;}

.headInfo.headInfo2 .h-info .golink a.go-shop{ background: #fff;}
.headInfo.headInfo2 .h-info .golink a.go-zs{ background: #e8f5f9;}
/* hy-navMenu*/
.hy-navMenu {clear:both;background:#f1f3f5;}
.hy-navMenu ul{width:9.2rem; margin:0 auto;overflow: hidden; display: flex; display: -webkit-flex;justify-content:space-between }
.hy-navMenu li { position: relative; height:1.333333rem;line-height:1.333333rem;text-align:center;display:block;}
.hy-navMenu li a{ display: block; width: 1.333333rem;font-size: .453333rem; color: #000;}
.hy-navMenu li a.active{ color: #46a1bd; font-weight: bold}
.hy-navMenu li a.active::after{  content:'';position: absolute;left: .1rem;bottom:0rem; width: 1.066667rem; height: .053333rem;background: #46a1bd;}


.m-homeHeader{ position:relative;width:10rem;height:1.466667rem; margin: 0 auto;}
.header{ width:10rem; height:1.466667rem; background: #fff; position:fixed; top:0; z-index: 999;}
.header h1{ float: left; width: 2.426667rem; height: .946667rem; font-size:0; text-indent: -9999px; background: url(../img/logo.png) no-repeat; background-size:2.426667rem .946667rem; margin: .266667rem;}

.header .m-search{float:left; margin-top: .213333rem; width: 5.666667rem; height: 1.04rem;background: #f1f3f5; border-radius: 4px;}
.header .m-search .ipt{float:left;width:4.4rem; height: 0.75rem; line-height:  0.75rem; margin:0.15rem 0.2rem; padding-right:0.1rem;border: none;  overflow: hidden; border-right: 1px solid #e6e6e6;font-size:0.37rem; color: #ccc;}
.header .m-search .button{ border: none;  background: none;height: 1.04rem; line-height:  1.04rem; }
.header .m-search .button i{color: #ccc; font-size: .55rem;}

.fixed{ position: fixed; left: 0;right: 0; top: 0; z-index: 100;}


.m-menuContent2 .m-menu2{ background: rgba(0, 0, 0, 0.8);box-shadow: 0 0.066667rem 0.066667rem 0 #000;}
.m-menuContent2 .m-menu2 .menuTit2{ border-color: #666;}
.m-menuContent2 .m-menu2 .menuNav2 li a h3{ color: #aaa;}
.m-menuContent2 .m-menu2 .menuTit2 .yesLogin h3{ color: #aaa}
.m-menuContent2 .m-menu2 .menuTit2 .yesLogin a{ color: #46a1bd;}
.m-menuContent2 .m-menu2 .menuTit2 .regLogin a{ color: #46a1bd;}
.m-menuContent2 .m-menu2 .menuNav2 li a i{ background: #444; color: #46a1bd;}
.m-menuContent2 .m-menu2 .menuTit2 .yesLogin a.login::before{ background: #46a1bd; color: #333;}
/*½¹µãͼ*/
.swiper-container1 { width:9.466667rem; margin:.266667rem auto 0; height:3.333333rem;  position:relative; overflow: hidden; }
.swiper-container1 .swiper-slide {width: 10rem;height:3.333333rem;}
.swiper-container1 img { width: 9.466667rem;height:3.333333rem;display:block; border-radius: 4px; object-fit: contain;}
.swiper-pagination-bullet { width:.266667rem; height: .266667rem; opacity: 1;background: #f8f2f1;}
.swiper-pagination-bullet-active{ background: #305fca;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: .266667rem; }


.newsBanner { height:2.773333rem; }
.newsBanner .swiper-slide {height:2.773333rem;}
.newsBanner img {height:2.773333rem;}

/* supply */
.supply-video { width: 10rem; height:5.63rem;margin: 0 auto;  text-align: center}

.supply-video img,.supply-video .tcp-skin { width: 100%; height:5.63rem;margin: 0 auto; display: block; text-align: center}


.m-contact { width: 9.466667rem; margin: 0 auto;}
.m-contact ul{ border-top: 1px solid #eee; padding:0.2rem 0;}
.m-contact ul li{ line-height: .64rem; font-size: .32rem; color: #000; }
.m-contact ul li a{ font-size: .32rem; color:#3a6ad9;}
.m-contact ul li span{ display: inline-block; text-align: right; width: 1.6rem;vertical-align: top;}

.m-rz { width: 9.466667rem; margin: 0 auto; }
.m-rz ul{padding-bottom: 0.2rem;overflow: hidden;}
.m-rz ul.h300{height: 4rem; }
.m-rz ul li{ line-height: .64rem; font-size: .32rem; color: #666666;}
.m-rz ul li span{ display: inline-block; text-align: right; width: 2.2rem;padding-right: 0.2rem; color: #333;}
.m-rz ul li p{ display: inline-block; width:7.2rem; color: #666;    vertical-align: top;}

.m-source{margin:.266667rem 0 .4rem;text-align: center;font-size: 12px;color: #999;letter-spacing: 0;line-height:.266667rem;}

.m-source span {position: relative;display: inline-block}
.m-source span::before,
.m-source span::after {content: '';position: absolute;width:1.5rem;height: 1px;background-color: #e5e5e5;top:.2rem;}

.m-source span::before {left: -2rem;}
.m-source span::after {right: -2rem;}
.m-source img {vertical-align: text-top;margin: 0 4px;}

.company_rzimg{ display: block; max-width: 9rem; margin: 0 auto 0.2rem;}


/* Ìáʾ */
.m-tip{ height: 1.333333rem; line-height: 1.333333rem; text-align: center; font-size: .32rem; color: #999;}
.m-tip span.c1{ color: #f8a040;}
.m-tip span.c2{ color: #305fca;}

.btn-more{ display: block; margin:0 auto; width: 2.373333rem; height:.64rem; line-height: .64rem; text-align: center; font-size:.346667rem; color: #999; border:.013333rem solid #ddd; border-radius: 4px;}

/* product */
.m-product{width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}

.productList:nth-child(1){ display: block;}
.productList ul{ overflow: hidden;}
.productList li{float: left; position: relative; padding:.306667rem;background: #f1f3f5; margin-bottom: .266667rem; border-radius: 4px;}
.productList li:nth-child(even){float: right;}
.productList li .u-img .v-video::after{ display: block; width: 100%; height: 4rem; line-height: 4rem; background: rgba(0, 0, 0, .4); font-family:"iconfont" !important;content: "\e63a";position: absolute;right: 0;top: 0;  left:0;margin:0 auto;font-size:1.2rem; color: #fff; text-align: center; font-style: normal;}
.productList li .u-img { position: relative; display: block; width: 4rem;height: 4rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.productList li .u-img img{display:block; margin: 0 auto; 
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
}



.productList li .tit{ width:4rem; display:block; margin: .2rem 0 0.15rem; height: .8rem; line-height:.4rem; color: #333; font-size: .32rem; overflow: hidden;}
.productList li .numPrice{clear: both; font-size:.293333rem;color: #999; line-height: .5rem;height: .5rem;overflow: hidden;}
.productList li .numPrice .num{ float:left; display: block; width: 2.4rem;}
.productList li .numPrice .price{ float: right; display: block; width:1.6rem; text-align: right; }
.productList li .numPrice .price span{ color: #e66060;}


/* ²úÆ·ÊôÐÔ */
.supplyType{display: none; position: fixed; right: 0;left: 0; bottom: 0; z-index: 999; width: 10rem; margin: 0 auto; background: #fff; }
.supplyType .list{margin:0 .2rem;height: 1.06rem; line-height:1.06rem;border-bottom: .013333rem solid #eee;}
.supplyType .list h3{ text-align: center; font-size: .48rem; color: #000;}
.supplyType .list:last-of-type{ border: none;}
.supplyType .list.h300{ height: 3rem;}
.supplyType .tit{width:2.6rem; float: left; text-align: right; font-size: .373333rem; color: #333; padding-right: 0.45rem}
.supplyType .info{width:6.8rem; float: left; color: #666;font-size: .373333rem;}
.supplyType .btn-closeType{ display:block; width:10rem; height: 1.2rem; line-height: 1.2rem; margin:0 auto; border: none; text-align: center; background: #46a1bd; color: #fff; font-size:.373333rem;}

.bottom-more{ text-align: center; display: block; font-size: .306667rem; color: #999; width:2rem; margin: 0 auto 0.4rem; height: 0.6rem; line-height: 0.6rem; border: 1px solid #e1e1e1; border-radius: 5px;}
.btn-up{display:none;}

/* company */
.companyInfo{width: 9.066667rem;margin: 0 auto;font-size: .32rem; color: #333; line-height: .64rem;  overflow: hidden;margin-bottom: 80px;}

.companyInfo p{ font-size: .32rem; color: #333; line-height: .64rem;margin-bottom: 0.2rem;}
.companyInfo p img{max-width: 9.5rem; margin: 0 auto;}
.info-up{ width: 9.066667rem; height: 1.066667rem; margin: 0 auto .533333rem; border: 1px solid #e9e9e9; border-radius:4px;}
.info-up i{ width: .8rem; width: .8rem;margin: 0.1rem auto; text-align: center; color: #46a1bd; font-size: .8rem;display: block;}

.m-company{width:9.466667rem; margin: 0 auto; background: #fff; position: relative;}

.m-honor .swiper-container5{ overflow: hidden;}
.m-honor .swiper-slide{ width:3.733333rem; height: 4.933333rem;text-align: center; margin-bottom:.5rem; overflow: hidden; background: #f1f3f5;border-radius: 4px; font-size: .346667rem; color: #666; margin-right: .2rem}
.m-honor .swiper-slide .zs-img{ margin: .266667rem auto;  width: 3.333333rem; height: 3.333333rem;display: flex; background: #fff;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}
    .m-honor .swiper-slide .zs-img img{display:block; margin: 0 auto; 
        /* width: 3.333333rem; height: 3.333333rem;  object-fit: contain; */ 
        max-width: 3.333333rem;
        max-height: 3.333333rem;
        width: expression(this.width > 3.333333rem && this.width > this.height ? 3.333333rem: true);
        height: expression(this.height >3.333333rem ? 3.333333rem: true);
        vertical-align: middle;
        overflow: hidden;
    }
.m-honor .swiper-slide p{ margin: 0 auto; width: 3.333333rem; font-size: .32rem;color: #333; line-height: 0.4rem;}

a.company-rz{ display: block; height: 1.333333rem; position: relative;}
a.company-rz::after{ display: block; font-family:"iconfont" !important;content: "\e602";position: absolute;right: 0;top: 0; font-size:0.5rem; color: #ccc;}

.company-item{ display: none; height: 11.2rem;}
.company-item:nth-child(1){ display: block;}
.company-item ul{ border-top: .013333rem solid #eee; margin-bottom: 0.36rem;}
.company-item ul li{padding:.333333rem 0;clear:both; position:relative; border-bottom: .013333rem solid #eee;}
.company-item ul li .company-item-info{ width: 7.5rem; margin-left: 2.1rem; overflow:hidden;}
.company-item ul li h3{ width:6rem; height:0.55rem; line-height: 0.5rem;overflow:hidden;font-size: .346667rem; color: #333;}
.company-item ul li p.info{ width: 5.5rem; height:0.66rem; line-height: 0.6rem; font-size: .293333rem; color: #999;overflow:hidden;}
.company-item ul li p.tag{ background: #fef5f7; color: #f5ccd1; font-size: .293333rem;width:1.6rem; height:.506667rem;line-height:.506667rem; border-radius: .3rem; text-align: center;}

.company-item ul li .icon-v{ position: absolute; top: 0.4rem; right: 0.1rem; display: block; width: 1.173333rem; height: .4rem; line-height: .4rem; text-align: center; font-size: .266667rem; color: #fff; font-style: normal; border-radius: 4px;}
.company-item ul li .icon-v.zz{ background: #ec4949;}
.company-item ul li .icon-v.zs{ background: #d7c18e;}
.company-item ul li .icon-v.bj{ background: #a9bcde;}
.company-item ul li .icon-v.jct{ font-size: .24rem; color: #b50000; background: url(../img/icon-jct.jpg) no-repeat 0 0; background-size: 1.173333rem .4rem;padding-top: .42rem}
.company-item ul li .icon-v.jct i{ font-size: .346667rem; font-weight: bold; padding:0 0.15rem 0 0.06rem;}

.company-item ul li .company-item-pic{position: absolute;left:0; top:.333333rem; display: table-cell;border: 1px solid #f1f3f5;background: #fff; border-radius: 4px;box-shadow:.066667rem .066667rem .066667rem 0 #eee;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
    width: 1.733333rem; height:1.733333rem;
    vertical-align: middle;
    *font-size: 1.506667rem;  /*¸ßx0.873*/}
.company-item ul li .company-item-pic img{margin:0 auto;line-height:1.733333rem
    display:block;
    max-width: 1.733333rem;
    max-height: 1.733333rem;
    width: expression(this.width > 1.733333rem && this.width > this.height ? 1.733333rem: true);
    height: expression(this.height >1.733333rem ? 1.733333rem: true);
    vertical-align: middle;
    overflow: hidden;}


/*ÐÂÎÅ*/
.swiper-container4{ overflow: hidden; padding: .333333rem 0 0 .266667rem; background: #f1f3f5;}
.swiper-container4 .swiper-slide{ width: 1.733333rem; height:.773333rem; line-height: .773333rem; text-align: center; margin-bottom:.266667rem; overflow: hidden; background: #fff;border-radius: 4px; font-size: .32rem; color: #666; margin-right:.16rem}
.swiper-container4 .swiper-slide.active{color: #fff; background: #3a6ad9; box-shadow: 0 0 .16rem rgba(58, 106, 217, .5)}

.m-news{width:9.466667rem; margin: 0 auto .466667rem; }
.m-news .m-tabMenu{display: flex;justify-content:space-between}
.m-news .swiper-slide{ width: 3rem;height:1.466667rem;line-height:1.6rem;overflow: hidden;font-size: .426667rem; color: #555;}
.m-news .swiper-slide i{ display: inline-block; width:.2rem; height: .2rem; margin-right: .533333rem;border-radius: 2px; 
    background: -moz-linear-gradient(135deg, #bbb, #ddd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#bbb),to(#ddd));
    background: -webkit-linear-gradient(135deg, #bbb, #ddd);
    background: -o-linear-gradient(135deg, #bbb, #ddd);}

.m-news .swiper-slide.active{color: #000000; font-weight: bold}
.m-news .swiper-slide.active i{
    background: -moz-linear-gradient(135deg, #4b99fe, #81b7fd);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#4b99fe),to(#81b7fd));
    background: -webkit-linear-gradient(135deg, #4b99fe, #81b7fd);
    background: -o-linear-gradient(135deg, #4b99fe, #81b7fd);}

.newsList{ display: none;}
.newsList:nth-child(1){ display: block;}
.newsList ul{ overflow: hidden; margin-bottom: .333333rem;}
.news-item li{border-bottom: .013333rem solid #eee; padding: .346667rem 0; clear:both; position:relative;}
.news-item li .news-item-info{ width: 6.266667rem;height: 1.68rem; margin-left: 3.066667rem;}
.news-item li h3{height:1rem; line-height: 0.5rem; overflow:hidden; margin-bottom: 0.2rem;}
.news-item li h3 a{ font-size:.346667rem;color: #333;}

.news-item li .info{ float: right;line-height: .506667rem; }
.news-item li .info p{ float:left;font-size: .293333rem; line-height: .506667rem; color: #999;}
.news-item li .info p.sum{ width: 1.6rem; padding-right: 0.3rem}
.news-item li .info p.tag{margin-right: 1.5rem; background: #f1f4fc;color: #b7d4f9;font-size: .293333rem;width: 1.6rem;height: .506667rem;line-height: .506667rem;border-radius: .3rem;text-align: center; }
.news-item li .info p i{float: left; font-size: 0.3rem; color: #999; padding-right: 0.1rem;vertical-align: bottom}
.news-item li .info p i.icon-sum:before{ top: 0rem;font-size: 0.45rem;}
.news-item li .info p i.icon-time:before{ top: 0rem;}

.news-item li .news-item-pic{position: absolute;left:0; top: .346667rem; display: block;}
.news-item li .news-item-pic a{  display: table-cell;
    width: 2.8rem; height: 1.68rem;
    vertical-align: middle;
    *font-size: 2.046875rem;  /*¸ßx0.873*/}
.news-item li .news-item-pic a img{margin:0 auto;
    display:block;
    max-width: 2.8rem;
    max-height: 1.68rem;
    width: expression(this.width > 2.8rem && this.width > this.height ? 1.68rem: true);
    height: expression(this.height >1.68rem ? 1.68rem: true);
    vertical-align: middle;
    overflow: hidden;}


.news-item li.noImg .news-item-info{ width: 9.34rem; margin-left:0;}





.content{ display: block; width: 9.466667rem;margin: 0 auto;}

.selMenu{ position: relative; z-index: 99; width: 10rem; height: 1.2rem; margin: 0 auto; background: #fff;}
.selMenu .tabSel.hide{position: relative; z-index: 999; background: #fff;}
.selMenu.hy{ background: #fff;}
.selMenu.hy .tabSelMenu a{position: absolute;}
.selMenu.hy .tabSelMenu a.i-area{ left: 3rem;}
.selMenu.hy .tabSelMenu a.active{border: 1px solid #eee; border-radius: 4px 4px 0 0; border-bottom: none;}

.btn-supply {position: absolute; right: 0; top: 0.2rem; width: 2rem;}
.btn-supply i{padding-left: 0.2rem; color: #bbb; font-size: 0.6rem; font-style: normal;}
.btn-supply i.active{ color: #305fca;}
.btn-supply .smallImg::after{font-family:"iconfont" !important;content: "\e617";}
.btn-supply .bigImg::after{font-family:"iconfont" !important;content: "\e612";}

.tabSelMenu {padding: .133333rem 0 0; margin: 0 .266667rem;}
.tabSelMenu.active{ height: 1.06rem; border-bottom: 1px solid #eee;}
.tabSelMenu a{position: relative; display: inline-block; padding:.266667rem 0.7rem 0.28rem 0.26667rem; font-size: .4rem; color: #000000; }
.tabSelMenu a::after{font-family:"iconfont" !important;content: "\e626";position: absolute;left: 2rem;top: .35rem; color: #999;}
.tabSelMenu a.active{background: #fff;border-radius: 4px 4px 0 0;}

.tabSelList{ display: none; position: absolute; z-index: 99;  top: 1.2rem; width: 10rem; background: #fff;}
.tabSelList p {width: 9.066667rem; margin: .4rem auto 0; padding-bottom:  .266667rem; border-bottom: 1px solid #ddd;}
.tabSelList p a{ display: inline-block; margin:0 .16rem .2rem 0; color: #666; border-radius: 4px;  padding: .266667rem .333333rem; background: #f1f3f5; font-size:.32rem}
.tabSelList p a.active{ color: #fff;
    background: -moz-linear-gradient(115deg, #305fca, #4c7ff4);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#305fca),to(#4c7ff4));
    background: -webkit-linear-gradient(115deg, #305fca, #4c7ff4);
    background: -o-linear-gradient(115deg, #305fca, #4c7ff4);}   

.btn-reset{display: block; margin: .466667rem auto; text-align: center; width: 2.4rem; height: .666667rem;line-height: .666667rem; border: 1px solid #ddd; font-size: .346667rem; color: #999; border-radius: 4px;}    
.productList{ background: #fff;}

.productList li .icon-tg{ position: absolute; left: 0; top: 0; z-index: 9; width: 1.333333rem; height: .8rem; background: url(../img/icon-tg.png) no-repeat; background-size: contain;}


.productList.bigList{ display: block; width: 9.466667rem; margin: 0 auto;}

.productList.smallList{ display: block;}
.productList.smallList li{ clear: both; float: none; height: 3.3rem;}

.productList.smallList li .u-img{ float: left; margin-right: .24rem;
    width:2.666667rem; height:2.666667rem;
    vertical-align: middle;
    *font-size: 2.333333rem;  /*?¡ì???x0.873*/}
.productList.smallList li .u-img { display: block; width: 2.666667rem;height: 2.666667rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.productList.smallList li .u-img img{display:block; margin: 0 auto; 
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.productList.smallList li .u-img .v-video::after{ height: 2.666667rem; line-height: 2.666667rem; }
.productList.smallList li .tit{ float: left; width: 5.9rem; height: 1rem; line-height: 0.5rem; font-size: .373333rem;}
.productList.smallList li .numPrice{ clear: none; float: left; height: 1rem;line-height: 0.5rem; font-size: .32rem;}
.productList.smallList li .numPrice p.num{ float:none;}
.productList.smallList li .numPrice p.price{ float:none; text-align: left;}


/* case */
.caseList{width: 9.466667rem;margin: 0 auto; background: #fff;}
.caseList ul{ overflow: hidden;}
.caseList li a{ display: block;padding: .333333rem 0; height:3.333333rem;border-top: 1px solid #eee;}

.caseList li .u-img { float: left; margin-right: .24rem; background: #eee;
    width:2.666667rem; height:2.666667rem;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.caseList li .u-img img{display:block; margin: 0 auto; 
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}
.caseList li .timeArea{float: left; width: 6.133333rem; height: 1.2rem;line-height: 0.6rem;font-size:.293333rem; color: #999;}
.caseList li .timeArea .tit{font-size: .346667rem;  height: 1.4rem;color:#333;}

/* job */
.jobList{width: 9.466667rem;margin: 0 auto; background: #fff;}
.jobList ul{ overflow: hidden;}
.jobList li { position: relative;padding: .35rem 0.2rem; height:2.16rem;border-top: 1px solid #eee;}
.jobList li .applyJob{ position: absolute; right: 0.2rem; top:0.3rem; display: block; width: 1.866667rem; height: .666667rem;line-height: .666667rem; text-align: center; background: #e8f5f9; border:1px solid #46a1bd; font-size: .32rem; color: #46a1bd; border-radius: 4px;}
.jobList li .tit{ height: 0.8rem;}
.jobList li .tit a{color:#333;font-size: .346667rem; }
.jobList li .info{float: left; height: 1.2rem;line-height: 0.6rem;font-size:.293333rem; color: #999;}
.jobList li .info p{ width: 2rem; float: left; height: 1.4rem;}

.jobInfo{ width: 9.466667rem; height: 3.066667rem; margin: 0 auto;}
.jobInfo h2{ width: 6rem; line-height: 1.733333rem; font-size: .453333rem; color: #000; float: left;}
.jobInfo span{display: block; width: 2rem; line-height: 1.733333rem; text-align: right; font-size: .346667rem; color: #46a1bd; float: right;}
.jobInfo .line{ clear: both; position: relative; width: 100%; height: .026667rem; background: #ddd;}
.jobInfo .line::after{content: "";position: absolute;left: 0;top: 0; width: 1.6rem; height: .026667rem;background: #46a1bd;}
.jobInfo .info p{ position: relative; width: 3rem; float: left; line-height:1.2rem; font-size:.32rem; color: #666; padding-left:0.5rem;}
.jobInfo .info p.p1::after{font-family:"iconfont" !important;content: "\e642";position: absolute;left: 0;top: 0; color: #46a1bd;font-size:.4rem;}
.jobInfo .info p.p2::after{font-family:"iconfont" !important;content: "\e65b";position: absolute;left: 0;top: 0; color: #46a1bd;font-size:.4rem;}
.jobInfo .info p.p3::after{font-family:"iconfont" !important;content: "\e693";position: absolute;left: 0;top: 0; color: #46a1bd;font-size:.4rem;}


/* zhaoshang */
.zsInfo{ position: relative; width: 9.466667rem;margin: 0 auto;}
.zsInfo img{ max-width: 10rem; max-height: 8.666667rem; margin: 0 auto; display: block;}

.zsInfo .price { position: relative; font-size: .32rem; color: #333;}
.zsInfo .price h2{ width: 340px;
    padding: .3rem 0;
    line-height: 0.6rem;
    font-size: .453333rem;
    color: #000;
    margin: 0 auto;
    text-align: center;}
.zsInfo .price .p0 span{  font-size: .35rem; color: #ed5555;}
.zsInfo .price .p1{width:2.5rem;margin-bottom: 0.2rem; float: left; text-align: center; font-size: .2rem; color: #666;}
.zsInfo .price .p1 span{  font-size: .35rem; color: #ed5555;}
.zsInfo .price .p1 b{display: block; font-size: .22rem; color: #999; font-weight: normal;}
.zsInfo .btn-shop-share::after{font-family:"iconfont" !important;content: "\e6a4";display: block; position: absolute; right: 0; top: 0.2rem; width: 0.8rem; line-height: 1rem;color: #ccc;font-size:.5rem; font-weight: normal;  height: 0.5rem;}
.zsInfo .btn-shop-collect::after{font-family:"iconfont" !important;content: "\e69e";display: block; position: absolute; right: 0; top: 0.8rem; width: 0.8rem; line-height: 1rem;color: #46a1bd;font-size:.5rem; font-weight: normal;  height: 0.5rem;}
.zsInfo .line{ clear: both; position: relative; margin-top: 0.2rem; width: 100%; height: .026667rem; background: #ddd;}
.zsInfo .line::after{content: "";position: absolute;left: 0;top: 0; width: 1.6rem; height: .026667rem;background: #46a1bd;}
.zsInfo ul{padding:0.3rem 0;}

.applyTit{ text-align: center; font-size: .453333rem;color: #000; font-weight: bold;margin-bottom: .25rem}



/* Ìáʾ */
.b-tip{ text-align: center; padding:0 0 .533333rem; line-height: .506667rem; font-size: .32rem; color: #999;}
.b-tip.mt40{ margin-top: .533333rem;}
.b-tip a{ color: #305fca; font-weight: bold;}

/*ÐÂÎÅÏêϸҳÃæ*/
/*bp*/
.bp-info{ background: #fff;width:9.466667rem; margin: 0 auto; }
.bp-info h1 { text-align:center;padding: 0.16rem 0;font-size:.506667rem;color: #111; }
.bp-info h2.c-c1 { text-align:center;font:0.4rem/1rem "΢ÈíÑźÚ";color: #666; }
.bp-info .detail {background: #f1f3f5; border-radius: 50px; text-align: center;}
.bp-info .detail p{ height: .666667rem; line-height: .666667rem; font-size: .293333rem;color: #999;}
.bp-info .detail p span { padding:0 10px;}
.bp-info .info_detail{font-size: .346667rem;color: #666;line-height:.613333rem;}
.bp-info .info_detail table{ margin:0 auto;max-width:9rem; border:0.015625rem solid #ccc;border-collapse:collapse; }
.bp-info .info_detail table td{ padding:0.2rem; font-size: 0.2rem; border:0.015625rem solid #ccc;border-collapse:collapse; }
.bp-info .info_detail video{ width:100%; display:block; margin:0 auto;}
.bp-info .info_detail P{ line-height: 0.8rem;padding: 0.15rem 0;text-align: Justify;word-wrap: break-word;}
.bp-info .info_detail P img{display: block;margin:0 auto;max-width: 9.4rem }
.bp-info .info_detail iframe{ width:100%; height:5.5rem;}
.bp-info .info_detail embed { display: block; margin: 0 auto; max-width: 10rem;}

.shop-share{ display: none; background: url(../img/btn-share.png) no-repeat; background-size: 4rem 1.066667rem; width: 4rem;height: 1.066667rem; margin: 0.3rem auto;}


.supply-type{display: block; width: 9.066667rem; margin: 0 auto; height: 1.466667rem;line-height: 1.466667rem;position: relative;}
.supply-type::after{ display: block; font-family:"iconfont" !important;content: "\e602";position: absolute;right: 0;top: 0; font-size:0.5rem; color: #ccc;}
.supply-type h2{ width: 1.6rem; float: left; font-size: .32rem; color: #000;}
.supply-type p{ width: 6.6rem; float: left; font-size: .32rem;color: #666;}



.m-source{margin:.266667rem 0 .4rem;text-align: center;font-size: .32rem;color: #999;letter-spacing: 0;line-height: .293333rem;}
.m-source h2 {position: relative;display: inline-block}

.m-source h2::before,
.m-source h2::after {content: '';position: absolute;width: 2.666667rem;height: 1px;background-color: #ddd;top:.133333rem;}
.m-source h2::before {left: -3.066667rem;}

.m-source h2::after {right: -3.066667rem;}

.buyInfo{ position: relative; width: 9.466667rem; margin: 0.6rem auto; padding:.26rem; background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem 0.066667rem #ccc;}
    
    .buyInfo h3{ font-size: .4rem; color: #000;height:1rem; line-height:1rem;}
    .buyInfo p{ font-size: .32rem; color: #666; line-height: 0.6rem;}


 /* ÃûƬ */
.m-card{ display: none; width:7.733333rem; height:5.7rem; position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-3rem;border-radius: 15px; }
.m-card h3{ text-align: center; font-size: .48rem; color: #fff; line-height: 1.4rem;}

.m-card .leftBor { position: absolute; left: 0; top: 0.3rem;  width: .106667rem; height: 1.973333rem; background: #e0e0e0;}
.m-card .leftBor i{ display: block; background: #404040; height: .666667rem;}
.m-card .leftBor em{ display: block; background: #46a1bd; height: .666667rem;}

.m-card .companyCard{ position: relative; background: #fff; height: 4.133333rem; border-radius: 4px; overflow: hidden; }
.m-card .companyCard .h-logo{margin:.333333rem .133333rem 0.1rem .4rem; float: left; width: 1.733333rem; height: 1.733333rem; border-radius: 4px; background: #fff; overflow: hidden;display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}
.m-card  .companyCard .h-logo img{display:block; margin: 0 auto; 
max-width: 1.733333rem;
max-height:  1.733333rem;
width: expression(this.width >  1.733333rem && this.width > this.height ?  1.733333rem: true);
height: expression(this.height > 1.733333rem ?  1.733333rem: true);
vertical-align: middle;
overflow: hidden;
}
.m-card .companyCard .h-info {margin-top:.4rem; float: left; width: 5rem; position: relative;}
.m-card .companyCard .h-info h2{ font-size: .32rem;line-height: 0.7rem; color: #000; font-weight:bold;}
.m-card .companyCard .h-info .mainPro{ height: .8rem; line-height: .4rem; color: #46a1bd; font-size: .293333rem;}

.m-card p.p1,.m-card p.p2{clear: both;line-height: .4rem; color: #666; font-size: .293333rem; padding-left: 0.4rem;}
.m-card p.p3{ clear: both; background: #3b3b3b; line-height: .826667rem; height: .826667rem; margin-top: 0.35rem; color: #cccccc; font-size: .24rem; text-align: right;padding-right: 0.5rem;}

.m-card .weixin{ position: absolute; z-index: 99; right: 0.7rem; bottom: .65rem ;background: #fff; width:1.6rem; height:1.6rem;}
.m-card .weixin .qrcode canvas{  width: 1.4rem; height:1.4rem; margin: 0.1rem auto; display: block;}

.m-card .btn-close{ position: absolute; left: 0; right: 0; margin:0 auto; bottom: -1.6rem; display: block; width: 1.226667rem; height: 1.226667rem; background: url(../img/pop-close2.png) no-repeat; background-size:1.226667rem 1.226667rem;}    


/* ·ÖÏí */
.share-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:1000;left:-1000%;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}
.share-mask.show{left:0;opacity:.7}
.share-box{position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:4.8rem;overflow:hidden;background:#fff;box-sizing:border-box;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
.share-box.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.share-box .share-component{height: 3.2rem; border-bottom: .2rem solid #f1f3f5;}
.share-box .share-component ul {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:space-around; width: 9.066667rem;margin: 0 auto; }
.share-box .share-component ul li{display: block; text-align: center;}
.share-box .share-component ul li i{ display: block; width: 1.4rem; height: 1.4rem;border-radius: 50%; background: #f1f3f5; margin-top: 0.5rem; background-size:1rem 1rem; background-repeat: no-repeat; background-position: center}
.share-box .share-component ul li h3{font-size: .32rem; color: #000; line-height: 0.8rem;}
.share-box .btn-close{display: block; height: 1.386667rem; line-height: 1.386667rem; text-align: center; border-top: 1px solid #eee;font-size:.48rem; color: #000;}
.share-box .share-component ul li .icon-share1{ background-image: url(../img/icon-share5.png);}
.share-box .share-component ul li .icon-share2{ background-image: url(../img/icon-share3.png);}
.share-box .share-component ul li .icon-share3{ background-image: url(../img/icon-share4.png);}
.share-box .share-component ul li .icon-share4{ background-image: url(../img/icon-share1.png);}
.share-box .share-component ul li .icon-share5{ background-image: url(../img/icon-share2.png);}


/* ͼƬ¶þάÂë */
.popBg{ display: none; width:9.066667rem; height: 11.733333rem; margin: 0 auto;position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-6rem;background: #f1f3f5; border-radius: 5px;}
.popBg .imgInfo{ width:5.6rem; height:9.066667rem;margin: 0.7rem auto 0; padding:.266667rem; background: #fff;  box-shadow:0 5px 4px rgba(6, 0, 1, .1);}
.popBg .imgInfo .img{display: block; margin: 0 auto; width: 5.6rem; height:3.333333rem;}
.popBg .imgInfo h3{text-align: center; font-size: .373333rem; color: #333;line-height: .48rem;margin: .133333rem 0;}
.popBg .imgInfo h4{text-align: center; font-size: .293333rem; color: #333;line-height: .48rem;margin: .133333rem 0;}
.popBg .imgInfo h5{text-align: center; font-size: .266667rem; color: #07af12;line-height: .48rem;margin: .133333rem 0; background: url(../img/icon-rz.png) no-repeat 0.5rem 0.06rem; background-size: .333333rem .386667rem}
.popBg .imgInfo p{ font-size: .293333rem; color: #999; line-height: .426667rem; height: 1.28rem; overflow: hidden;}
.popBg .imgInfo .line{ height: 1px; background: #ccc; position: relative;margin: .2rem 0;}
.popBg .imgInfo .line .icon-line{ display: block;  position: absolute; margin: 0 auto; top: -0.02rem; left: 0; right: 0; width: .746667rem; height: .066667rem; background: #ccc;}
.popBg .imgInfo .weixin{ width: 3.6rem; height: 1.533333rem; margin: 0 auto; background: url(../img/weixin-bg1.png) no-repeat right 0; background-size: 1.36rem 1.36rem}
.popBg .tip{ font-size: .346667rem; color: #333; text-align: center; line-height: 1.2rem}

/* ΢ÐÅ¡¢ÅóÓÑȦ */
.popBg2{ display: none;  width:9.066667rem;height: 11rem; margin: 0 auto;position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-6rem; background: #fff; border-radius: 5px; padding:.4rem}
.popBg2 h2{font-size:.346667rem; color: #333;}

.popBg2 .imgInfo {border: 1px solid #ddd;border-radius:8px; margin-top: 0.3rem; padding-bottom:0.4rem;}
.popBg2 .imgInfo h3{font-size: .32rem; color: #000;line-height: .706667rem;height: .706667rem; padding-left: .266667rem; background: #f6f6f6;border-bottom: 1px solid #ddd;}
.popBg2 .imgInfo p{padding:0 .266667rem; font-size: .32rem; color: #666; line-height: 0.6rem;}
.popBg2 .imgInfo p.pt30{padding-top:0.4rem;}
.popBg2 .imgInfo .img{display: block; margin: 0 auto; width: 5.6rem; height:3.333333rem;}
.btn-ok{ display: block; width: 3.466667rem; height: .88rem; line-height: .88rem;border-radius: 4px; background: #305fca; font-size: .32rem; color: #f6f6f6; text-align: center; border: none; margin: 0.5rem auto;}


/* hy */
.m-hy .company-item { height: 10rem;}
.m-hy .company-item ul li:last-child{ border: none;}    
.m-hy .news-item li:last-child{ border: none;}


.shop-joinList{  position: relative; width: 9.466667rem; margin: 0 auto; height: 1.733333rem; line-height:1.733333rem;  overflow: hidden;}
.shop-joinList.w680{ width: 9.066667rem}
.shop-joinList h3{ width: 2rem; float: left; font-size: .32rem; color: #46a1bd; padding-left: 0.5rem;}
.shop-joinList h3::after{font-family:"iconfont" !important;content: "\e63f";position: absolute;left: 0rem;top: 0.03rem; font-size:0.4rem; color: #46a1bd;}
.swiper-joinList{ float: left; width: 7rem; margin: 0.4rem 0 0; height: 1rem;overflow: hidden; border-left: .013333rem solid #46a1bd;}
.swiper-joinList .swiper-slide{ padding-left: 0.4rem; clear: both;height: 0.5rem; line-height: 0.5rem; font-size: .293333rem; color: #666; }

.zhaoshangList li { position: relative; width: 9.466667rem;margin: 0 auto .2rem; padding:.266667rem; background: #f1f3f5;border-radius: 4px;}
.zhaoshangList li .u-img { position: absolute;display: block; width: 2.666667rem;height: 2.666667rem; background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;}    
.zhaoshangList li .u-img img{display:block; margin: 0 auto; 
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.zhaoshangList li .info{ width: 6rem;height: 2.666667rem; margin-left: 2.933333rem;}
.zhaoshangList li .tit{display:block; margin:0.2rem 0;  height:.96rem; line-height:.48rem; color: #333; font-size: .373333rem; overflow: hidden;}
.zhaoshangList li .other{ width: 6rem;float: left; line-height: 0.6rem;overflow: hidden; font-size: .32rem; color: #999; }
.zhaoshangList li .other p{float: left; width: 3rem; font-size:.32rem; color: #999;}



/* ²úÆ·Àà */
.supplyMenu{width:9.466667rem;margin: 0 auto; height: 5rem; overflow-y: auto; }
.supplyMenu h3{ position: relative; width:9.466667rem; height: 1.066667rem; line-height: 1.066667rem; background: #fff; font-size: .4rem; padding: 0 .4rem}
.supplyMenu h3 a{ color: #333;}
.supplyMenu h3::after{font-family:"iconfont" !important;content: "\e626";position: absolute;right: .5rem;top: 0; font-size:0.4rem; color: #666;}
.supplyMenu h3.active{ background: #f1f3f5; }
.supplyMenu h3.active a{color: #46a1bd;}
.supplyMenu h3.active::after{font-family:"iconfont" !important;content: "\e604"; color: #46a1bd;}
.supplyMenu ul{display:none; padding-left: 1.2rem;}
.supplyMenu ul li { line-height: 1.066667rem;}
.supplyMenu ul li a{font-size: .346667rem;color: #666;}


/* join  */
.quickform2{ width: 9.066667rem; margin: 0 auto .8rem;}
.quickform2 ul{ overflow: hidden;}
.quickform2 ul li{width:4.4rem; margin-bottom: .333333rem}
.quickform2 ul select.w330{ width: 4.4rem}
.quickform2 ul select{ width:9.066667rem; height:.84rem; padding:0 .3rem; border-radius:4px;border:1px solid #e9e9e9; background: #f6f6f6; font-size: 0.3rem; color: #999;}
.quickform2 ul input{ width:4.4rem; height:.84rem; padding:0 0.2rem; border-radius:4px;border:1px solid #e9e9e9; background: #f6f6f6; font-size:0.32rem;}
.quickform2 ul input:focus{border:1px solid #d2aa54; background: #fff;}



.company-join h2{top: 0.2rem;}
.m-join .m-companyInfo .m-info h3{ font-size: .4rem}



/* ·ç¸ñ1 */
.m-join{ position: relative; margin:0 auto;width:9.466667rem;background: #fff; border-radius: .2rem;}
.m-join h2{ position: absolute; left: .2rem;z-index: 9; font-size:.48rem; color: #fff;}
.m-join.mb50{ margin-bottom: .666667rem}

.m-join .m-companyInfo{ position: relative; height: 2.8rem; padding: .306667rem .226667rem; border: .133333rem solid #5469fa;border-bottom: none; border-top-left-radius:.2rem;border-top-right-radius: .2rem;}
.company-join .m-companyInfo{height: 3.733333rem; border-top: 1.066667rem solid #5469fa;}    
.m-join .m-companyInfo .m-img{width:3.36rem; height: 2.026667rem; float: left; }
.m-join .m-companyInfo .imgbox{border:1px solid #e7eaf1; display:table-cell;width:3.333333rem;height:2rem;vertical-align:middle;
text-align:center;
    *font-family:Arial;
    /* ԼΪ¸ß¶ÈµÄ 0.873£¬ 200*0.873 ԼΪ 175 */
    *font-size:131px;
    *line-height:1;
    *display:block;}
    .m-join .m-companyInfo .imgbox img{height: 2rem; display: block;margin:0 auto;vertical-align:middle;max-width:3.333333rem;max-height:2rem;_width:100%;_height:100%;
    _width:expression(this.width > 3.333333rem && this.width > this.height ? 2rem: auto); /* IE6 */
    _height:expression(this.height > 2rem ? 2rem : auto); /* IE6 */}

.m-join .m-companyInfo .m-info{width:4.933333rem; margin: .1rem 0 0 .333333rem; float: left; padding:0;}
.m-join .m-companyInfo .m-info h3{ font-size: .48rem; color: #000; line-height: 1rem; height: 1rem; overflow: hidden;font-weight: bold;}
.m-join .m-companyInfo .m-info p{ text-indent: 0; font-size: .346667rem;color:#666;line-height: 0.6rem;}

.m-join .m-companyInfo .icon-line{ position: absolute; bottom: -0.24rem; left: .226667rem; background: url(../img/icon-line.gif) no-repeat; background-size:8.733333rem .373333rem;  width: 8.733333rem; height: .373333rem;}


.m-join .quickform{height: 3.466667rem; padding: .48rem .226667rem; border: .133333rem solid #a9b4fc;border-top: none; border-bottom-left-radius: .2rem;border-bottom-right-radius: .2rem;}
.m-join .quickform ul{ display: flex;justify-content:space-between; }
.m-join input{ width:4.24rem; height:.84rem; padding:0 0.2rem; border-radius:4px;border:1px solid #e9e9e9; background: #f6f6f6; font-size:0.32rem;}
.m-join input:focus{border:1px solid #d2aa54; background: #fff;}

/* ÉÌÆ̵ײ¿µ¯´° */
.m-joinPop{ display: none; width:8.533333rem; height:8.4rem; position: fixed; bottom: 0; z-index: 999998; margin:0 auto; left: 0; right: 0; top: 50%; margin-top:-5rem; background: #fff; border-radius: 15px; box-shadow:0 5px 4px rgba(6, 0, 1, .1);}
.m-joinPop.h500{ height: 6.3rem;}
.m-joinPop.h700{ height: 9.3rem;}
.m-joinPop h2{width:7rem; margin: 0.3rem auto 0; height:1rem;line-height: 1rem; overflow: hidden; text-align: center; font-size:.48rem; color: #000;font-weight: bold;}
.m-joinPop h3{ width:6.8rem; margin:0 auto;line-height: 0.5rem; height:1.1rem; font-size: 0.3rem;color:#777;}
.m-joinPop h4{ width:6.8rem; margin:0 auto;line-height: 0.5rem; height:0.6rem; font-size: 0.3rem;color:#777;font-weight: normal;}
.m-joinPop h4 b{color: #f00}
.m-joinPop .quickform ul li{width:6.906667rem; margin: 0 auto; line-height: 0.8rem; font-size: .38rem; color: #333;margin-bottom: .2rem}
.m-joinPop .quickform ul li.h60{height: 0.8rem; overflow: hidden;}
.m-joinPop .quickform ul li span{ display: inline-block; width: 1.6rem; text-align: right;}
.m-joinPop .quickform ul li .btn-contact{ float: right; display: inline-block; width:1.5rem; height: 0.7rem; line-height: 0.7rem;text-align: center; font-size: .3rem; color: #f6f6f6; border-radius:.1rem; background: #46a1bd;}
.m-joinPop input{ width:6.906667rem; height:.84rem; padding:0 .3rem; border-radius:4px;border:1px solid #e9e9e9; background: #f6f6f6; font-size: 0.3rem;}
.m-joinPop textarea{width:6.906667rem; height:1.6rem; padding:0.2rem .3rem; border-radius:4px;border:1px solid #e9e9e9; background: #f6f6f6; font-size: 0.3rem;}
.m-joinPop input:focus{border-color: #46a1bd; background: #fff;}
.m-joinPop .BtnSubmit{display:block; margin:.293333rem auto; width:4.266667rem; height: 1.066667rem; line-height: 1.066667rem;text-align: center; font-size: .4rem; color: #f6f6f6; border-radius:.8rem;}
.m-joinPop .m-info{width:6.8rem; margin:0.3rem auto; font-size: .22rem; color: #888; line-height:0.42rem; padding-top: .2rem; height:2rem; overflow: hidden; border-top: 1px solid #46a1bd;}
.m-joinPop .m-info p.pt10{margin-top: 10px}
#captcha_div{ width: 6.88rem;}
.m-joinPop.m-price .quickform ul li span{width: auto;}
.m-joinPop.m-price .quickform ul li p{ display: inline; color: #777; overflow: hidden; }

.m-iphone .quickform ul li{margin-bottom: 0}
/* ͨÓà */
/* ¹Ì¶¨µ×²¿°´Å¥ */
.bottomFix{ width:10rem;left:0;right: 0;margin:0 auto; height:1.466667rem; background:#46a1bd; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#46a1bd,endColorstr=#46a1bd); position: fixed; bottom: 0; z-index: 9996;box-shadow:0 0 .2rem rgba(0, 0, 0, .15);}
.bottomFix ul{ display: flex;justify-content:space-between;}
.bottomFix ul li{ position: relative; width:2.933333rem; height: 1.466667rem; line-height: 1.466667rem; text-align: center; background: #fff;font-size: .373333rem; color: #333; cursor: pointer; overflow: hidden;}
.bottomFix ul li.btn-shop {line-height: 2.06rem;}
.bottomFix ul li.btn-shop a{  background: #fff;  color:#333; font-size: .32rem;}
.bottomFix ul li.btn-shop::after{font-family:"iconfont" !important;content: "\e710";position: absolute;left: 0rem; right:0; margin:0 auto;top: -0.5rem; font-size:0.6rem; color: #bbb;}
.bottomFix ul li.btn-myJoin{  background: #fff;  color:#333;line-height: 2.06rem;}
.bottomFix ul li.btn-myJoin::after{font-family:"iconfont" !important;content: "\e623";position: absolute;left: 0rem; right:0; margin:0 auto;top: -0.5rem; font-size:0.6rem; color: #bbb;}
.bottomFix ul li.btn-mes{  background: #7dbdd1;  color:#fff;line-height: 2.06rem;}
.bottomFix ul li.btn-mes.bg1{ background: #fff;color:#333;}
.bottomFix ul li.btn-mes::after{font-family:"iconfont" !important;content: "\e648";position: absolute;left: 0rem; right:0; margin:0 auto;top: -0.5rem; font-size:0.65rem; color: #fff;}
.bottomFix ul li.btn-mes.bg1::after{ color: #bbb;}
.bottomFix ul li.btn-iphone{ width: 4.133333rem;  background: #46a1bd;  color:#fff;}
.bottomFix ul li.btn-iphone.bg2{ background: #75c3db;color:#fff;}
.bottomFix ul li.btn-price{ width: 4.133333rem;  background: #46a1bd;  color:#fff;}
.bottomFix ul li.w100{ width: 1.33333333333rem;}
.bottomFix ul li.w270{ width:3.6rem;}
.bottomFix ul li.w240{ width:3.2rem;}
.bottomFix ul li.f24{ font-size: .32rem;}
.bottomFix ul li.f30{ font-size: .4rem;}

.bottomFix ul li.btn-company{ width: 4.133333rem;  background: #46a1bd;}
.bottomFix ul li.btn-company.bg2{ background: #75c3db;color:#fff;}
.bottomFix ul li.btn-company a{  color:#fff;}

button.BtnSubmit{ display:block; margin:0 auto; width:5.066667rem; height: 1.066667rem; line-height: 1.066667rem;text-align: center; font-size: .4rem; color: #f6f6f6;border: none; border-radius:.8rem;}
button.BtnSubmit.mt25{margin-top: .333333rem;}
.s-c1{box-shadow:0 12px 12px rgba(70, 161, 189, .3);
    background: -moz-linear-gradient(80deg, #46a1bd, #58bfdf);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#46a1bd),to(#58bfdf));
    background: -webkit-linear-gradient(80deg, #46a1bd, #58bfdf);
    background: -o-linear-gradient(80deg, #46a1bd, #58bfdf);}
.s-c2{box-shadow:0 5px 8px rgba(191, 151, 66, .4);
    background: -moz-linear-gradient(80deg, #642af6, #4b8efc);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#642af6),to(#4b8efc));
    background: -webkit-linear-gradient(80deg, #642af6, #4b8efc);
    background: -o-linear-gradient(80deg, #642af6, #4b8efc);}   


.popupMes { display: none; position: fixed; top: 50%; left: 50%; background-color: #fff; width: 5.866667rem; height: 4.4rem; margin-left: -2.933333rem; margin-top: -2.2rem; z-index: 999999; border-radius: 0.15rem; font-weight: bold; } 
.popupMes h3{text-align:center;height:0.5rem;line-height:0.5rem;font-size:0.5rem;font-weight:normal; margin-top:0.6rem; color: #000; font-weight: bold;}
.popupMes p{padding:0.4rem 0.5rem;text-align:center;height:1.8rem;line-height:0.6rem;font-size:0.3rem;font-weight:normal;}
.popupMes p em{color:#4b8efc; font-style: normal;}
.popupMes .btn-ok{display:block;width:3.146667rem;height:.8rem;line-height:.8rem;margin:0 auto;text-align:center;font-size: .4rem; color: #f6f6f6; border-radius:.8rem;cursor:pointer;}
.m-joinPop .btn-close{ position: absolute; left: 0; right: 0; margin:0 auto; bottom: -1.6rem; display: block; width: 1.226667rem; height: 1.226667rem; background: url(../img/pop-close2.png) no-repeat; background-size:1.226667rem 1.226667rem;} 


.h110{ height: 1.466667rem;}
.h100{ height: 1.466667rem;}
#popupShade { display: none; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); z-index:9;} 

.zIndex{ z-index: 999;}
/*供应详细页*/
.g-box-g .bar{
    text-align: center;font-size: 20px;padding: 10px;border-bottom: 1px solid #d4d4d4;
}
.g-box-g .con .g-focus .pictuer img{width:90%;margin:5%;}
.g-box-g .con  .detail ul.g-fz-14{padding-bottom: 10px;border-bottom: 1px dashed #dadada;overflow: hidden;margin-bottom: 10px;}
.g-box-g .con  .detail ul.g-fz-14 li{width:44%;float:left;margin: 0 3%;font-size: 15px;padding-bottom: 5px;padding-top: 5px; border-bottom: 1px dashed #dadada;}
.g-box-g .con  .detail ul.g-fz-14 li:last-child{border-bottom: none;}
.g-box-g .con  .detail ul.g-fz-14 li:nth-last-child(2){border-bottom: none;}
.g-box-g .con  .detail .g-fz-14 p{width:44%;float:left;margin: 0 3%;font-size: 15px;padding-bottom: 5px;padding-top: 5px; border-bottom: 1px dashed #dadada;}
.g-box-g .con  .detail .g-fz-14 p:last-child{border-bottom: none;}
.g-box-g .con  .detail .g-fz-14 p:nth-last-child(2){border-bottom: none;}
.g-box-g .con  .detail .g-fz-14{padding-bottom: 10px;border-bottom: 1px solid #dadada;overflow: hidden;margin-bottom: 10px;}
.g-box-g .con  .desc{width:94%;margin:3% 3% 50px;}
.g-box-g .con  .desc h4{font-size: 16px;
    border-bottom: 1px solid #333;
    line-height: 35px;
    font-weight: bold;}
.g-box-g .con  .desc p{margin: 10px auto;}
/*求购详细页*/
.product .fr{width: 94%;margin: 0 3%;}
.product .fr .pprice{width: 94%;margin: 0 3%;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #ddd;}
.product .fr .pprice li{width: 100%;overflow: hidden;}
.product .fr .pprice li p{width: 50%;float: left;line-height: 25px;}
.product .fr .pdetail{width: 94%;margin: 0 3%;padding-bottom: 5px;margin-bottom: 50px;}
.product .fr .pdetail li{width: 100%;overflow: hidden;}
.product .fr .pdetail li{width: 100%;overflow: hidden;}
.product .fr .pdetail li p{font-size:12px;overflow: hidden;line-height: 30px;width: 100%;}
.product .fr .pdetail li p.qgming{font-size:16px;line-height: 45px;border-bottom: 1px dashed #dadada;}
.product .fr .pdetail li p.qgdeta{width: 50%;float: left;}