.clear{ clear: both;}
.clearfix:after {content:""; display: block; clear:both; }
html{font-size:100px;}
*{ margin: 0; padding: 0;}
a,a:hover{ color:#585858; text-decoration: none;}
body{ background: #DDDDDD; font-size: 12px; font-family: "微软雅黑";}
ul,li{ list-style: none;}
.main{max-width: 6.4rem; width: 100%; margin: 0 auto;background: #fff; }
.search-main{ max-width: 6.4rem; width: 100%; margin: 0 auto; height: 100vh; background: #fff; position: relative;}
img{ max-width: 100%;}
@font-face {font-family: "iconfont";
	src: url('font/iconfont.eot'); /* IE9*/
	src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	/*url('font/iconfont.woff') format('woff'), /* chrome, firefox */
	url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
	}
.iconfont {
	font-family:"iconfont" !important;
	font-size:.16rem;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
.clearfix:after {
    content: " ";
    display: block;
    ;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
.search-main .s-logo{ padding:15vh .3rem 0; text-align: center;}
.search-main .s-logo img{ height: .8rem;}
.search-main .search{ padding:.5rem .3rem 0; margin: 0; background: no-repeat;}
.search-main .search .inputA{ line-height: .6rem; padding: .2rem .1rem; border: solid 2px #55ab32; width: 100%; outline: none; font-size: .3rem;border-radius: .1rem; overflow: hidden;}
.search-main .search .search-btn{ border: none; line-height: .3rem; font-size: .3rem; margin:.5rem auto 0; display:block;outline: none; padding: .3rem .5rem; background: #55ab32; color: #fff;  border-radius: .1rem; overflow: hidden;float: none; opacity: 1; width: 40%;}
.cppy{ position: absolute; left: 0; right: 0; bottom: .3rem; text-align: center; font-size: .26rem; color: #666;}

img{ margin: 0; padding: 0; border: none; outline: none;}
textarea {  -webkit-appearance: none;}
.header{ background: #FFFFFF; border-bottom: solid 1px #ddd; text-align: left; overflow: hidden; line-height:.5rem;padding: .1rem 0; z-index: 9999;position:fixed; left: 0; right: 0; top: 0; max-width: 6.4rem; margin: 0 auto; width: 100%;}
.header h1{ line-height:.6rem; padding:0rem .1rem;-webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
  .open-toggle h1{ margin-left: -210px;}
.header h1 a{ display: inline-block; float: left; height: .6rem;}
.header img{ height: .6rem;}
.header strong{ display: inline-block; font-size: .3rem; color:#fa901c; vertical-align: top; padding-left: .15rem; margin-left: .15rem; position: relative; top:0;}
.header strong:after{ content: ''; display: inline-block; top: .2rem; bottom: .15rem; left: 0; width:2px; background:#fa901c; position: absolute;}
.headerH{ height: .8rem;}
.top{ position: fixed; z-index: 999; left: 0; right: 0; max-width: 6.4rem; width: 100%;  margin: 0 auto; background: #fff; border-bottom: solid 1px #ddd;/*box-shadow: 0 4px 29px rgba(0, 0, 0, .1);*/}
 .top-menu{/*overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;*/}
 .top-menu a{ font-size: .26rem; line-height: .4rem; padding: .2rem .19rem; display: inline-block;}
 .top-menu a.active{ color: #058de1;}
 .top-h{ /*height: .1rem; background: #ddd; */margin-top: .9rem;}
 
 .more-p{ display: block; background: #fff; border-top: solid 1px #ddd; display: none;}
 .more-bg{ position: fixed; display: none; z-index: 2; width: 100%; max-width: 6.4rem; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8);}
/*--企业--*/
.product-list{ padding: .2rem;}
.product-list li{ border-bottom: solid 1px #ddd; padding: .2rem 0;}
.product-list li:last-child{ border-bottom: none;}
.product-list li dt{ width: 20%; float: left; margin-right: .2rem;}
.product-list li dt img{ width: 100%; padding: 2px; border: solid 1px #ddd;}
.product-list li dd.on{ width:70%;}
.product-list li dd{ float:left; font-size: .20rem; line-height: .35rem;}
.product-list li dd h3 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-list li dd h3 a{ color: #333; font-size: .24rem;}
.product-list li dd b{ font-weight: normal;}
.product-list li dd span{ color:#999;}
.product-list li dd .c_red{ color:#0AAD3C;}

.product-list2{ padding: .2rem;}
.product-list2 li{ border-bottom: solid 1px #ddd; padding: .2rem 0;}
.product-list2 li:last-child{ border-bottom: none;}
.product-list2 li dt{ width: 20%; float: left; margin-right: .2rem;}
.product-list2 li dt img{ width: 100%; padding: 2px; border: solid 1px #ddd;}
.product-list2 li dd.on{ width:70%;}
.product-list2 li dd{ float:left; font-size: .20rem; line-height: .35rem;}
.product-list2 li dd h3 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-list2 li dd h3 a{ color: #333; font-size: .24rem;}
.product-list2 li dd b{ font-weight: bold;}
.product-list2 li dd span{ color:#999;}
.product-list2 li dd .c_red{ color:#0AAD3C;}

.product{ padding: .3rem .2rem;}
.product dt{ font-size: .24rem; line-height: .4rem; padding-bottom: .1rem;}
.product dt a{ color: #0259ae;}
.product dd a{ display: inline-block; padding: .1rem .15rem; font-size: .2rem; color: #666; border: solid 1px #ddd; margin-bottom: .1rem; margin-right: .1rem;}


/*footer*/
.footer{ padding: .3rem 0; overflow: hidden; background:#4e4e4e; font-size: .24rem; color:#fff;}
.footer .f{ background:#31a554; padding:.2rem .3rem; color:#4e4e4e;-moz-box-shadow:2px 2px 5px #486b00; -webkit-box-shadow:2px 2px 5px #486b00; box-shadow:2px 2px 5px #486b00;}
.footer .f a{ float: right; color: #fff; }
.footer .f a i{font-size: .3rem;}
.footer-text{ padding: .2rem .3rem 0; line-height: .4rem;}
.footer-text p,.footer-text a{ color: #fff;}

.share-box{position:fixed;left: 50%; margin-left:-5rem;top:.32rem;padding:.1rem;}
.share-box li{ padding: .05rem 0; line-height: .3rem; cursor: pointer;}
.share-box li i{ font-size: .34rem; display:inline-block; position: relative; z-index: 2;}
.share-box li:hover i{ opacity: .6;}
/*.share-box li i:after{ content: ''; display: inline-block; position:absolute; left: .05rem;right: .05rem;top: .05rem;bottom: .05rem;background: #fff;  z-index: -1;}*/
/*.share-box li.wx i{color:rgb(82, 205, 62);}*/
.share-box li span{ color: #657180; font-size: .2rem; padding-left: .1rem; vertical-align: top; display: inline-block;}
.qr-code {border: 1px solid #d9dadc; margin-top:.1rem;background-color: #fff; word-wrap: break-word;word-break: break-all; text-align: center; padding: .05rem;}  
.qr-code .qr-code-img img{width: 1.20rem;}
.qr-code p{ font-size: .14rem; line-height: .2rem;}

/*---分页---*/
.col-xs-4{ width:33.33333%; float: left;}
.col-xs-6{width:50%; float: left;}
.s_pageNav {
    display: block;
    padding: .3rem 0;
   /* background:rgb(246,246,246); */
    line-height: .4rem;
  }
  .s_pageNav .s_p_page.rotate {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .s_pageNav .s_p_page{ line-height: .4rem; padding: .08rem 0 0 0; text-align: left;}
  .s_pageNav .s_p_page i{ font-size: .3rem;}
  .s_pageNav .s_p_page a{ display: inline-block; display: inline-block; vertical-align: middle;}
  .s_pageNav .s_p_page img {
    width: .3rem;
  }
   .s_pageNav .go-first{ text-align: right;}
  .s_pageNav .p_pageText {
    font-size: .3rem;
    text-align: center;
  }
  .s_pageNav .p_pageBtn {
    border: solid 1px #f7f7f7;
    padding: .5rem 0;
    background: #f7f7f7!important;
    width: 100%;
    text-align: center;
  }
}
.pageBox {
  padding: .4rem 0;
}
/*---index-----*/
.nav{
    padding: 0.2rem 0;
    margin-bottom: 0.3rem;
    background-color: #fff;
}
.nav-list li{
    width: 25%;
    float: left;
    text-align: center;
    color: #606060;
    margin-bottom: 0.2rem;
}
.nav-list li .icon-wrap{
    width: .8rem;
    height: .8rem;
    margin: 0 auto;
    text-align: center;
    line-height:.8rem;
    border-radius: 50%;
    background-color: #10892d;
}
.nav-list li .icon-wrap .icon{
    color: #fff;
    font-size: 0.4rem;
}
.nav-list li .title{ font-size: .24rem; padding-top: .1rem;}
.layout-block{
    padding: 0.2rem 0;
    background-color: #fff;
}
.banner-wrap{
   margin: 0 .2rem;
}
.banner-wrap img{
    width: 100%;
}
.block-header{
    line-height: 0.5rem;
    border-bottom: 1px solid #449cce;
    margin-left: .2rem;
    margin-right: .2rem;
}
.block-name{
    display: inline-block;
    font-size: 0.28rem;
    font-weight: bold;
    color: #449cce;
}
.nav-toggle {
    display: block;
    position: absolute;
    width:.5rem;
    height:.5rem;
    border: none;
    top: .2rem;
    right: .2rem;
    background: transparent;
    border-radius: 10px;
    overflow: hidden;
    outline: none;
    -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
.nav-toggle .icon-bar {
  display: inline-block;
  width:.45rem;
  height:1px;
  position: absolute;
  left:.1rem;
  background-color: #000;
  border-radius: 5px;
}
.nav-toggle .icon-bar:first-child {
  top: .1rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transform: translateZ(0) rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  -webkit-transform: translateZ(0) rotate(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.nav-toggle .icon-bar:nth-child(2) {
  top: .2rem;
  transform: translateZ(0) rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  -webkit-transform: translateZ(0) rotate(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.nav-toggle .icon-bar:last-child {
  top: .3rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
 .open-toggle {
    position: fixed;
    left: 0;
    right: 0;
  }
  .open-toggle .nav-toggle {
    right: 3.1rem;
    top: .15rem
  }
  .open-toggle .nav-toggle .icon-bar:first-child {
    top: .2rem;
    transform: translateZ(0) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  }
  .open-toggle .nav-toggle .icon-bar:nth-child(2) {
    top: .2rem;
    transition: transform .2s ease 0s;
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
  }
  .open-toggle .nav-toggle .icon-bar:last-child {
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    opacity: 0;
  }
  .open-toggle .header .header-bar .logo {
    margin-left: -2rem;
  }
  .open-toggle .header .nav {
    right: 0px;
    overflow: hidden;
  }
  .open-toggle .body-bg {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    z-index: 999;
  }
  .open-toggle .side {
  	opacity: 1;
    right: 50%;
    margin-right: -3.2rem;
    overflow: hidden;}
    .open-toggle .side ul{ display: block;}
    .side ul{ display: none;}
    
  .side {
  	opacity: 0;
  	position:fixed;
    width: 3rem;
    right: 50%;
    margin-right:-6.4rem;
    background: #555;
    height: 100%;
    top: 0px;
    overflow-y: auto;
    z-index: 9999;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
   .side li{ display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
    line-height: .6rem;
    border-bottom: 1px solid #666666;
    text-align: center;}
    .side li a {
    font-size: .28rem;
    color: #bcbcbc;
  }
   .side li i{ font-size: .24rem; margin-right: .1rem;}
   .side li.login{ border-bottom: none;}
   .side li.login a{ display: block; width: 50%; float: left;}
   .side li.search{ margin: .2rem; padding: 0; border-bottom: none; background: transparent; position: relative;}
   .side li.search .inputA{ width: 70%; font-size: .24rem; float: left; background: #fff; padding: .1rem; border-radius: .1rem 0 0 .1rem;}
   .side li.search .search-btn{ width:22%;float: left;padding: .1rem; position:absolute; right: .3rem; top: 0; bottom: 0;}
   .side li.search i{ display:block; line-height: .5rem; background: #10892d; color: #fff; width:22%; top:0; font-size: .3rem; bottom: 0; border-radius:0 .1rem 0.1rem 0;}
.f-copy{ padding: .2rem 0; text-align: center; background: #f2f2f2; color: #999; font-size: .28rem;}
.search{ background: #f2f2f2; border-radius: .1rem; margin:.2rem .2rem; line-height:.2rem; padding: .1rem; position: relative;}
.search input.inputA{ font-size: .28rem; line-height: .3rem; padding: .05rem 0; border: none; outline: none; background: transparent; width: 80%;}
.search-btn{ width: 20%; position: relative; z-index: 2; float: right;line-height: .2rem; padding: .1rem 0; border: none; outline: none; cursor: pointer; opacity: 0;}
.search i{ position: absolute; top: .25rem; right: .2rem; font-size: .4rem; z-index: 1;}
.banner{ /*margin: 0 .2rem; */position:relative;}
.banner .owl-controls{ position: absolute; left: 0; right: 0; bottom:.05rem; text-align: center;}
.banner .owl-theme .owl-controls .owl-page span{ width: 30px; height:2px; border-radius:5px; overflow: hidden; background: rgba(0,0,0,.3);}
.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#fa901c;}




.company-info{ padding: .15rem;}
.company-info h2{ background: #31a554; font-size: .26rem; color: #fff; padding: .15rem .2rem; line-height: .5rem;}
.company-info ul{}
.company-info ul li{ border-bottom: dashed 1px #ddd; padding: .2rem 0;}
.company-info ul li:last-child{ border-bottom: none;}
.company-info ul li h5{ font-size: .26rem; font-weight: normal; position: relative; padding-left: .1rem; margin-bottom: .1rem;}
.company-info ul li h5:after{ content: ''; display: inline-block; position: absolute; left: 0; top: .05rem; bottom: .05rem; width: 3px; background: #0AAD3C;}
.company-info ul li .desc{ font-size: .23rem; line-height: .4rem; color: #666;  padding: .1rem .3rem; }
.company-info ul li .desc p{ font-size: .23rem; line-height: .4rem;color: #666;}
.recommend-company-list { padding: 0 .5rem;}
.recommend-company-list ul li{ width: 46%; float: left; margin: 0 2% .3rem;}
.recommend-company-list ul li .pic{text-align: center; overflow: hidden;}
.recommend-company-list ul li .pic img{ width: 100%;}
.recommend-company-list ul li h4{ font-size: .24rem; line-height: .5rem; color: #666; font-weight: normal;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.recommend-company-list ul li .url{ font-size: .2rem; color: #999;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.more-btn{ padding-top: .3rem; padding-left: 0; padding-right: 0; text-align: center; padding-bottom: .3rem;}
.more-btn a{ display: inline-block; font-size: .24rem; padding: .1rem .5rem; border: solid 1px #ddd; border-radius: .3rem; overflow: hidden; line-height: .4rem;}
.company-product-header{ padding: .2rem; background:#ebeef5;}
.company-product-header h2{ padding: .2rem 0; font-size: .3rem; color: #333;}
.company-product-header .desc p{ font-size: .24rem; color: #666; line-height: .4rem;}
.company-product-info{ padding: .3rem;}
.company-product-info h2{ font-size: .3rem; font-weight: normal; padding-bottom: .2rem;}
.company-product-info ul { padding: .2rem 0 0 0;}
.company-product-info ul li{ line-height: .4rem; font-size: .24rem; color: #666;}

.product-info-company .title{ color: #fff; font-size: .24rem; margin:.1rem 0;padding:.1rem .2rem; background:rgba(0,0,0,.2);}
.product-info-company p{line-height: .4rem; font-size: .24rem; color: #666;}
.recommend-company-desc{ padding:.2rem .2rem;}
.recommend-company-desc h3{ background: #fa901c; color: #fff; font-size: .24rem; padding: .1rem;}
.recommend-company-desc .de-detail-bd{ font-size: .24rem; line-height: .4rem; color: #666; padding: .2rem .1rem;}
.recommend-company-desc .de-detail-bd p,.recommend-company-desc .de-detail-bd em,.recommend-company-desc .de-detail-bd i,.recommend-company-desc .de-detail-bd div,.recommend-company-desc .de-detail-bd span,.recommend-company-desc .de-detail-bd strong,.recommend-company-desc .de-detail-bd a{font-family:"微软雅黑" !important; font-style: normal !important;font-size: .24rem !important; line-height: .4rem !important; color: #666 !important; }
.recommend-company-desc .de-detail-bd img{ max-width: 100%;}
.recommend-company-desc .time{ padding: .2rem 0; text-align: center;}
.recommend-company-desc .time span{ color: #666; font-size: .26rem; margin:0 .2rem ;}
.recommend-company-desc .time a{ color: #fa901c;font-size: .26rem;}

.share-box{position:fixed;left: 50%; margin-left:-5rem;top:.32rem;padding:.1rem;}
.share-box li{ padding: .05rem 0; line-height: .3rem; cursor: pointer;}
.share-box li i{ font-size: .34rem; display:inline-block; position: relative; z-index: 2;}
.share-box li:hover i{ opacity: .6;}
/*.share-box li i:after{ content: ''; display: inline-block; position:absolute; left: .05rem;right: .05rem;top: .05rem;bottom: .05rem;background: #fff;  z-index: -1;}*/
/*.share-box li.wx i{color:rgb(82, 205, 62);}*/
.share-box li span{ color: #657180; font-size: .2rem; padding-left: .1rem; vertical-align: top; display: inline-block;}
.qr-code {border: 1px solid #d9dadc; margin-top:.1rem;background-color: #fff; word-wrap: break-word;word-break: break-all; text-align: center; padding: .05rem;}  
.qr-code .qr-code-img img{width: 1.20rem;}
.qr-code p{ font-size: .14rem; line-height: .2rem;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ display:block; line-height: .3rem !important; height:auto !important; width: 100% !important; float: none !important; /*width: 300px !important; border: solid 1px #ddd; position: relative; z-index: 2;*/}
.bdshare-button-style0-16 a i,.bdshare-button-style0-16 a span{ display: inline-block; position: relative; z-index: 0;}
.bdshare-button-style0-16 a{font-size: .2rem !important; margin: 0 !important; color: #657180; padding-left:0!important;vertical-align: top; display: inline-block; background:none !important;}
.bdshare-button-style0-16 a:before{ font-family: 'iconfont' !important;display:block; float: left; width: .34rem; content:''; font-size: .3rem; margin-right: .05rem;}
.bdshare-button-style0-16 a.bds_qzone:before{content:'\e62f'; color:#ddd; width:.30rem; height: .30rem; background-color:#ffa800; border-radius: 5px; overflow: hidden;font-size: .24rem;text-align:center;line-height:.32rem;text-indent: .01rem; margin-right: .1rem;}
.bdshare-button-style0-16 a.bds_tsina:before{content:'\e600';color: rgb(255, 102, 49);}
.bdshare-button-style0-16 a.bds_wx:before{content:'\e611';color:rgb(82, 205, 62);}
.bdsharebuttonbox a, .bdsharebuttonbox .bds_more{ display:block; line-height: .3rem !important; height:auto !important; width: 100% !important; float: none !important; /*width: 300px !important; border: solid 1px #ddd; position: relative; z-index: 2;*/}
.bdsharebuttonbox a i,.bdsharebuttonbox a span{ display: inline-block; position: relative; z-index: 0;}
.bdsharebuttonbox a{font-size: .2rem !important; margin: 0 !important; color: #657180; padding-left:0!important;vertical-align: top; display: inline-block; background:none !important;}
.bdsharebuttonbox a:before{ font-family: 'iconfont' !important;display:block; float: left; width: .34rem; content:''; font-size: .3rem; margin-right: .05rem;}
.bdsharebuttonbox a.bds_qzone:before{content:'\e62f'; color:#ddd; width:.30rem; height: .30rem; background-color:#ffa800; border-radius: 5px; overflow: hidden;font-size: .24rem;text-align:center;line-height:.32rem;text-indent: .01rem; margin-right: .1rem;}
.bdsharebuttonbox a.bds_index:before{content:'\e6a9'; color:#ddd; width:.30rem; height: .30rem; background-color:#FF6631; border-radius: 5px; overflow: hidden;font-size: .24rem;text-align:center;line-height:.32rem;text-indent: .01rem; margin-right: .1rem;}
.bdsharebuttonbox a.bds_tsina:before{content:'\e600';color: rgb(255, 102, 49);}
.bdsharebuttonbox a.bds_wx:before{content:'\e63d'; color:#ddd; width:.30rem; height: .30rem; background-color:#52CD3E; border-radius: 5px; overflow: hidden;font-size: .24rem;text-align:center;line-height:.32rem;text-indent: .01rem; margin-right: .1rem;}
.index-title{ line-height: .5rem; background:#31a554; padding:0 .2rem; margin:.1rem .1rem 0;}
.index-title strong{ font-size: .26rem; color: #fff;}
.index-title span{ font-size: .2rem; color: #fff; float: right;}
.index-designer{ padding: .2rem 0;  margin:.2rem; border-bottom: dashed 1px #999;}
.index-designer .thumb{ width: 1.5rem; float: left;}
.index-designer .thumb img{ width: 1.5rem;}
.index-designer .info{ width: 3.8rem; float: left; margin-left: .2rem; font-size: .24rem; color: #333;}
.index-designer .info h3{ font-size: .24rem; font-weight: normal; padding-bottom: .1rem;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
.exhibition .index-designer .info .exhibition-name{ line-height:.4rem; margin-bottom: .1rem; color:#333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index-designer .info p{ padding: .05rem 0; font-size: .24rem;}
.index-designer .info p span{ color: #666;}
.index-designer .info p a{ display: inline-block; padding: .1rem .3rem; border-radius: .3rem; background: #01a0e5; color: #fff; font-size: .24rem;}
.index-designer p.s2{padding: .1rem 0; font-size: .24rem; border-top: solid 1px #cfcfcf; margin-top: .1rem;}
.more-designer{ padding: 0 .2rem;}
.more-designer a{ margin: 0 .2rem; padding: 0 0 .2rem; color: #333; font-size: .3rem; display: inline-block;white-space:nowrap;word-break:keep-all;}
.search{ background: #f2f2f2; border-radius: .1rem; margin:.2rem .2rem; line-height:.2rem; padding: .1rem; position: relative;}
.search input.inputA{ font-size: .28rem; line-height: .3rem; padding: .05rem 0; border: none; outline: none; background: transparent; width: 80%;}
.search-btn{ width: 20%; position: relative; z-index: 2; float: right;line-height: .2rem; padding: .1rem 0; border: none; outline: none; cursor: pointer; opacity: 0;}
.search i{ position: absolute; top: .25rem; right: .2rem; font-size: .4rem; z-index: 1;}

.banner{ padding:0 .2rem 0;}


.i-supply{ padding: .1rem 0 0;}
.i-supply .i-supply-title{ margin: 0 .2rem;}
.i-supply .i-supply-title h1{ font-size: .3rem; padding: .1rem 0; color:#5a60df; font-weight: normal;}
.i-supply .i-supply-title h1 a{ color: #000;}
.i-supply .i-supply-title p{ padding: .1rem 0;font-size: .24rem; color: #333; line-height: .4rem; }
.i-supply ul{ margin: .1rem .2rem;}
.i-supply ul li{ line-height: .4rem; border-top: dashed 1px #ddd; padding: .2rem 0; font-size: .24rem;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.i-supply ul li:first-child{ border-top: none;}
.i-supply ul li a{ color: #333;}
.i-supply ul li a.l{ margin-right: .1rem; color: #fa901c;}
.text-list{ padding: .1rem .2rem;}
.text-list li:last-child .index-designer{ border: none;}
.text-dl{ margin: 0 .1rem; border-bottom: dashed 1px #ddd; padding: .2rem 0;}
.text-dl:last-child{ border-bottom: none;}
.text-dl h5{ font-size: .24rem; color: #ffb400; font-weight: 500;}
.text-dl h5 a{color: #ffb400;}
.text-p{ padding: .1rem 0 0; font-size: .22rem; color: #666; line-height: .4rem;}
.text-p a{ padding: 0 .1rem;color: #666; display: inline-block; white-space:nowrap;}
/*.text-p a:first-child{ padding-left: 0;}
.text-p a:last-child{ padding-right: 0;}*/
.banner-vip{ padding: .2rem .1rem;}
.page{ padding: .1rem .2rem; border-top: solid 2px #ddd;}
.page li{ line-height: .6rem; color: #333; font-size: .3rem;}
.page li a{color: #333;}
.page li span{ color: #fa901c; margin-right: .1rem;}

.trade-heade{ padding: .2rem; border-top: solid 1px #699C02;}
.trade-heade .title{ text-align: center; font-size: .28rem; padding: .2rem 0; border-bottom: solid 1px #ddd;}
.trade-heade ul{padding: .2rem 0; text-align: center;}
.trade-heade li{display: inline-block; padding: .1rem .3rem; border: solid 1px #ddd; border-radius: .3rem; overflow: hidden; font-size: .24rem; margin: .05rem .1rem .05rem 0;}
.trade-heade li h1{ margin-bottom: .1rem;}
.trade-heade li h1 a{ font-size: .24rem;}
.trade-heade li.active{ background: #fa901c; border-color: #fa901c; color: #fff;}
.trade-heade li.active a{ color: #fff;}
.ranking{ padding: .2rem;}
.ranking li{ line-height: .6rem; width:50%; float: left; font-size: .24rem; padding: 0 .2rem; color: #000;}
.ranking li i{ font-style: normal; color: #999; margin-right: .1rem;}
.ranking li:nth-child(4n-2){ background: #f9f9f9;}
.ranking li:nth-child(4n+1){ background: #f9f9f9;}

.product-menu{ padding: .2rem;}
.product-menu li{ border-bottom:dashed 1px #ddd; padding: .2rem 0; width:33.33333%; float: left; text-align: center;}
.product-menu li .thumb{ width: 1rem; border-radius: .1rem; overflow: hidden; margin: 0 auto .1rem; padding: .2rem 0; background: #ff7e00; text-align: center;}
.product-menu li .thumb a{ display: inline-block; width: .4rem; height: .4rem; background-position: center center;}
.product-menu li .info h3{ font-size: .24rem; font-weight: normal; }
.product-menu li .info p{ padding: .1rem 0 0 0;}
.product-menu li .info p a{font-size: .24rem; padding-right: .1rem;}

.product-list{ padding: .2rem;}
.product-list li{ border-bottom: dashed 1px #ddd;}
.product-list li h3{ font-size: .24rem; font-weight: normal;}
.product-list li h3 a{ color: #000;}
.product-list li h3 i{ float: right;font-style: normal; color: #999;}
.product-list li p{ padding-top: .2rem;}
.product-list li p a{ margin-right: .2rem; font-size: .24rem; color: #666; padding: .1rem 0; display: inline-block;}

.company-list{ padding: .2rem;}
.company-list li{ padding: .2rem 0; border-bottom:dashed 1px #ddd;}
.company-list li:last-child{ border-bottom: none;}
.company-list li h3 a{ font-size: .3rem; color: #000; font-weight: normal;}
.company-list li .desc{ font-size: .24rem; color: #333; line-height: .4rem; padding: .1rem 0;}
.company-list li .t{ font-size: .24rem; color: #999;}

.add-company{padding: .2rem;}
.add-company li{ padding: .2rem 0; border-bottom:dashed 1px #ddd;}
.add-company li:last-child{ border-bottom: none;}
.add-company li a{font-size: .24rem; color: #333; display: inline-block; width:4.5rem;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
.add-company li i{ font-style: normal; float: right; font-size: .24rem; color: #999;}

.reg{ padding:.2rem;}
.reg li{ padding: .2rem 0; border-bottom: solid 1px #ddd;}
.reg li:last-child{ border-bottom: none;}
.reg li select{display: block;
    width: 100%;
    padding: .2rem;
    font-size:.24rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .1rem;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.logo-list{ padding: .2rem;}
.logo-list li{ width: 31.3333%; float: left; margin: 0 1% .2rem; border: solid 1px #ddd;}
.logo-list li  img{ width: 100%;}
.areaListA,.areaListB{ padding: .2rem;}
.areaListA dt{ line-height: .5rem; font-size: .24rem; border-bottom: solid 1px #ddd;}
.areaListA dd{ padding: .2rem 0;}
.areaListA dd a{ display:inline-block; border-radius: .05rem; overflow: hidden; font-size: .22rem; padding: .1rem .3rem; border: solid 1px #cfcfcf; margin-bottom: .1rem; margin-right: .1rem;}
.areaListB dd a{display:inline-block; border-radius: .05rem; overflow: hidden; font-size: .22rem; padding: .1rem .3rem; border: solid 1px #cfcfcf; margin-bottom: .1rem; margin-right: .1rem;}
.barAB{ font-size: .24rem; border-bottom: solid 1px #fa901c; margin-bottom: .2rem; color: #fa901c; line-height: .4rem; padding: .1rem 0; font-weight: bold;}
.barAB a{ float: right; font-size: .2rem;color: #fa901c;font-weight:normal;}
.barAB a.l{ float: left;}
.dict-list{ padding: .2rem;}
.dict-list dt{font-size: .24rem;color: #ffb400;font-weight: 500; border-bottom: solid 1px #ffb400; line-height: .5rem;}
.dict-list dt a{ color: #000;}
.dict-list dd{ padding: .15rem 0; font-size: .2rem; color: #666; line-height: .4rem;}
.dict-search{ padding:2.5rem 0 2rem; position: relative;}
.dict-search-bg{ background: #fa901c; border-radius: 0 0 50% 50%; overflow: hidden; height:3rem; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.dict-search .search{position:relative;margin:-1rem .3rem .5rem;padding:.6rem .5rem;border-radius:.1rem;background:#fff;line-height:.2rem;box-shadow: 0 4px 29px rgba(0, 0, 0, .1); z-index: 3;}
.dict-search  .search input.inputA{padding:.2rem .1rem;font-family:"微软雅黑";width:100%;outline:0; border:solid 2px #999;background:0 0;font-size:.28rem;line-height:.4rem;/*box-shadow: 0 4px 29px rgba(0, 0, 0, .1);*/}
.dict-search  .search-btn{position:relative;z-index:2;padding:.2rem 0;width:100%;outline:0;border:none;line-height:.4rem;cursor:pointer; margin: .3rem 0 0; border-radius: .6rem; overflow: hidden;background:#fa901c; font-size: .3rem; color: #fff; float: none; opacity: 1;}
.hotB{ padding: .2rem; text-align: center;}
.hotB a{ font-size: .2rem; display:inline-block; margin: 0 .1rem;background-color: #f5f5f5; color: #000; padding: .1rem .2rem; border-radius: .1rem; overflow: hidden;}
.hotB a img{ display: none;}
.blockC{padding: .2rem;}
.textListA li{display:inline-block; border-radius: .05rem; overflow: hidden; font-size: .22rem; padding: .1rem .3rem; border: solid 1px #cfcfcf; margin-bottom: .1rem; margin-right: .1rem;}
em{ font-style: normal;}
.chain{ font-size: .24rem;}
.chain div{ width: 46%; float: left; margin-bottom: .2rem;}
.chain div:nth-child(2n){ float: right;}
.chain div p{ float: left;}
.chain div cite{ float: right; font-style: normal;}
.hotA{ font-size: .24rem;}
.hotA th,.hotA td{ text-align: center;padding: .2rem 0; }
.hotA td{ /*border-bottom: solid 1px #efefef;*/}
.hotA tr:nth-child(2n){background:#f5f5f5;}
.leftA{ padding: .2rem;}
.leftA .bar { color:#fa901c; line-height: .5rem; padding: 0 0 .2rem; font-size: .24rem;}
.dictListA li{display:inline-block; border-radius: .05rem; overflow: hidden; font-size: .22rem; padding: .1rem .3rem; border: solid 1px #cfcfcf; margin-bottom: .1rem; margin-right: .1rem;}
.detailA{ padding: .2rem;}
.detailA dl{ padding:.2rem .1rem; font-size: .24rem; border-bottom: dashed 1px #cfcfcf;}
.detailA dl:last-child{  border-bottom: none;}
.detailA dl dt{ float: left; color: #999;}
.detailA dl dd{ float: right; color: #000;}