﻿/* supplier 内页 css ，控制中间id='container'部分的样式
*/
#container{
    margin: 10px auto 50px auto;
}

.container_l{
    width:74%;
    float: left;
    margin-bottom: 20px;/*130408添加*/
    overflow:hidden;
    zoom:1;
}
.container_r{
    width:25%;
    float: right;
    /*margin-top: 36px;
    *margin-top:28px;*/
}
@media screen and (max-width:850.99px){
    .container_l{
        width:60%;
    }
    .container_r{
        width:40%;
    }
}

/*广告区域 */
.advertisearea{
    width:100%;
    padding:0;
}
.advertisearea img{
    width: 100%;
}
.advertisearea span {
    padding-bottom: 10px;
}

.currentPageLocation{
    margin:0 0 8px 0;
    padding-bottom: 10px;
    font-size: 1.1em;
}
.currentPageLocation blue{
    color: #1996E6;
}
.currentPageLocation .keyword{
    margin-left: 20px;
}
.currentPageLocation .result{
    color:#ccc;
}

/* right keyword box begin */
.keywordbox{
    float: left;
    width:100%;
    border:1px #ccc solid;
    margin-bottom: 10px;
}

.keywordbox .title{
    padding: 0.5em 0.5em;
    /*background: #f5f5f5;*/
    border-bottom: 2px #ccc solid;
}
.keywordbox .title h4{
    background: url(../img/inquiry/1.gif) no-repeat left center;
    padding-left: 15px;
    font-size: 1.2em;
}

.keywordbox ul{
    background: #fff;
    margin-bottom: 5px
}
.keywordbox li{
    padding:0.5em 0.5em 0 2em;
/*    height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.keywordbox li a{
    color: #0066cc;
}
.keywordbox li a:hover{
    color: orange;
}

.keywordbox .arrowarea{
    cursor: pointer;
    height: 18px;
    width: 100%;
   
    text-align: center;
}
.keywordbox .arrowarea a{
    cursor: pointer;
    display: block;
    height: 18px;
    width: 100%;
    background: #ebebeb url(../img/inquiry/10.gif) no-repeat center center;
}
.keywordbox .arrowarea a:hover{
    background: #108ddc url(../img/inquiry/10_01.gif) no-repeat center center;
}
.keywordbox .opened a{
    background: url(../img/inquiry/21.gif) no-repeat center center;
    background-color: #ebebeb;
}
.keywordbox .opened a:hover{
    background: url(../img/inquiry/21.gif) no-repeat center center;
    background-color: #108ddc;
}
/* right keyword box end */


/*spliter begin*/
.spliter{
    margin-top: 10px;
    width:100%;
    
}
.spliter_l{
    width:25%;
    margin-left: 5px;
    line-height: 2.2em;
    float: left;
}
.spliter .select{
    float: left;
    margin-left: 10px;
    width:40px;
}
.spliter .select ul{
    width:38px;
}
.spliter_l .select cite {
    background: url(../img/icon/arrow_down.gif) no-repeat 90% center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.spliter_r{
     width:90%;
    float:left;
}
.spliter_r ul{
    float: left;
    margin: 0 5px;
}
.spliter_r ul li {
    line-height: 2em;
    height: 24px;
    padding: 0 0.5em;
    text-align: center;
    float: left;
    margin-left: 5px;
}
.spliter_r ul li.current{
    color: #fff;
    border: 1px #ebebeb solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#0066cc;
}
.spliter_r ul li.current a{ 
    color: #fff;
}
.spliter_r .arrow{
    display: block;
    height: 26px;
    width:26px;
}
.spliter_r .last_gray{
    float: left;
    background: url(../img/inquiry/16.gif) no-repeat center left;
}
.spliter_r .last_blue{
    float: left;
    background: url(../img/inquiry/16_1.gif) no-repeat center left;
}
.spliter_r .next_blue{
    float:left;
    background: url(../img/inquiry/18.gif) no-repeat center left;
}
.spliter_r .next_gray{
    float:left;
    background: url(../img/inquiry/18_1.gif) no-repeat center left;
}
/*spliter end*/

/*keywordbox scroll begin*/
.scroll{
    overflow-y: scroll;
}
.stayTop{
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 10;
}
/*keywordbox scroll end*/

/*customize your source begin*/
.customize{
    border: 1px #ccc solid;
    
}
.customize .title{
    border-bottom: 1px #1996e6 solid;
    background: #1996e6;
    padding:0.2em 1em;
}
.customize .title h4{
   font-size: 1.1em;
   line-height: 1.5em;
   color: #fff;
   /*border-bottom: 1px #ccc solid;*/
}
.customize .condition{
    margin:0.5em 1em;
    color:#0066cc;
   line-height: 1em;
}
.customize input{
    line-height: 1.5em;
}
.customize .c_1{
    line-height: 0.5em;
    padding: 5px 0;
    float: left;
    width: 30%;
}
.customize .cas{
    margin: 0 0 0 2px;
    padding: 0 0 0 18px;
    background: url(../img/product/p_cas_s.gif) no-repeat left top;
}
.customize .assessedSupplier{
    margin: 0 0 0 2px;
    padding: 0 0 0 18px;
    background: url(../img/product/p_assessed_s.gif) no-repeat left top;
}
.customize .cfm{
      margin: 0 0 0 2px;
    padding: 0 0 0 18px;
    background: url(../img/product/p_cfm_s.gif) no-repeat left top;
}

.customize .hr0{
   width: 100%;
   margin: 0.5em 0;
   height:1px;
   border:none;
   border-top:1px dotted #ccc;
}
.customize .other{
   float: left;
   padding-right: 3em;
    /*width: 20%;*/
}
/*customize your source end*/
.blue_hr{
    width: 100%;
    margin: 1em 0;
    height:2px;
    border:none;
    border-top:2px solid #1996E6;
}
.productBox
{
	margin:10px  0 0 0;
    padding-bottom: 2em;
    border-bottom: 1px #ccc dotted;
}
.productBox dt{
    float: left;
}
.productBox dt img{
    border: 1px #ccc solid;
 
}
.productBox dt span{
	text-align:center;
    width:145px;
    overflow:hidden;
    display:block;
}
.productBox dt .bigPic{
    display: none;
}
.productBox dd{
    width:40%;
    padding-left: 1%;

}
.productBox .info{
   float:left;
   word-break:break-all;
}
.productBox .info .seo_a{
    color: #095EB8;
    font-size: 1.2em;
    font-weight:800;
}
.productBox .info .seo_a:hover{
    color: orange;
    text-decoration: underline;
}
.productBox .info .contact{
    background: url(../img/inquiry/contact.gif) no-repeat left center;
    padding-left: 20px;
}
.productBox .info .skype{
    margin-left: 10px;
    /*background: url(../img/skype.gif) no-repeat left center;*/
    padding-left: 18px;
}
.productBox .info a.std{
    color: orange;
    font-size: 1em;
}
.productBox .company{
   float:right;
   width:33%;
}
.productBox .company a.link{
    color: #0066cc;
    line-height: 2em;
    text-decoration: underline;
    font-size: 1em;
}

.productBox .company a.link:hover{
    color: orange;
}
.productBox .company .lisence{
    text-align: center;
    padding: 10px 8px 0 0;
    /*width: 20px;*/
    display: block;
    float: left;
}
.productBox .company .companyInfo{
    display: none;
}
 /*product preview box begin*/
#productPreview{
    position: absolute;
    z-index: 10;
    display: none;
}
#productPreview .arrow{
    position:relative;
    z-index: 2;
    top: 10px;
    *top:20px;
    left:-7px;
    width:8px;
    height: 10px;
    background: #ccc ;
    float: left;
    background: url(../img/product/p_arrow_left.gif) no-repeat left center;
}

#productPreview .content{
    padding: 1px 4px 1px 4px;
    *padding: 2px 4px 2px 0;
    background: #fff;
    border-radius: 3px;
  border: 1px #8fbcf3 solid;
}
#productPreview .content img{
    margin: 2px;
}
 /*product preview box end*/
 
  /*lisence preview box begin*/
#lisencePreview{
    text-align: center;
    position: absolute;
    z-index: 100;
    display: none;
    top:0;
    left:0;
    float: left;
    width:152px;
}
#lisencePreview .arrow{
    position:relative;
    z-index: 200;
    top: 11px;
    left:0px;
    height: 17px;
    width: 100%;
    background: red ;
    background: url(../img/product/p_arrow_up.gif) no-repeat top center;
}

#lisencePreview .content{
    position: relative;
     width:152px;
    z-index: 1;
    padding: 4px;
    background: #fff;
    border-radius: 3px;
    border: 1px #ccc solid;
}
#lisencePreview .content img{
    margin: 2px;
}
 /*product preview box end*/
 
 
 
 /*放在product.css这个CSS文件的下面直接粘贴进去就可以了。。*/


/*product detail page begin 05.24*/
.detailBox{
    
}
.detailBox dt ,.detailBox dd{
    float: left;
    color: #333;
}
.detailBox dt img{
    width:200px;
    height: 200px;
}
.detailBox dd{
    float: left;
    width:45%;
    margin: 0 1%;
}
.detailBox dd h1{
    font-size: 1.4em;
}
.detailBox dd p{
   display: table-row;
}
.detailBox dd a{
   cursor: pointer;
}
.detailBox dd a:hover{
   color: orange;
   
   cursor: pointer;
}
.detailBox dd p span{
   padding:0 2px;
   line-height: 2em;
}
.detailBox dd td span img{
   padding:0 2px;
   line-height: 3em;
   height: 1.2em;
   width: 1.2em;
}
.detailBox dd td.gray{
    width:22%;
    vertical-align: top;
    text-align: right;
    padding-left: 2px;
    color: #666;
   display: table-cell;
   white-space:nowrap;
}
.detailBox dd td .val{width:404px;display:block;word-wrap: break-word;}
.detailBox .companyCard{
    position: relative;
    float: right;
    color: #333;
    width: 25%;
    border: 1px #ebebeb solid;
    padding:1%;
    background: url(../img/product/cas_1.gif) no-repeat right top;
}
.detailBox .companyCard a:hover{
    color: orange;
}
.detailBox .companyCard h1{
    font-size:1.2em;
    width: 80%;
    color: #095EB8;
}.detailBox .companyCard .p1{margin:0;width:80%;line-height:140%;font-weight:800;font-size:1.2em;}
.detailBox .companyCard .casYear{
   position: absolute;
   top:2.5em;
   right: 0.5em;
   color: #fff;
}
.detailBox .companyCard .casYear .num{
   font-size: 1.5em;
}
.detailBox .companyCard h1 a,.detailBox .companyCard .p1 a{
    color: #095EB8;
}
.detailBox .companyCard .contact{
    color: #095EB8;
    background: url(../img/inquiry/06.gif) no-repeat left center;
    padding: 0 0 0 25px;
}
.detailBox .companyCard a:hover{
    color: orange;
    text-decoration: underline;
}
.detailBox .companyCard p{
    line-height: 1.5em;
    margin: 4px 0;
}
.dottedHr{
    width: 100%;
    margin: 0.2em 0;
    *margin:0;
    height:1px;
    border:none;
    border-top:1px dotted #ccc;
}

/*
   选项卡
*/
.tabPage{
    width:100%;
    float: left;
    margin-top: 2%;
}

#lib_Tab1{
    width:100%;
    margin-bottom:15px;
}
/*菜单class*/
.lib_Menubox {
    background: #f5f5f5;
    color:black;
    height:28px;
    padding-top: -2px;
    border-bottom: 1px solid #ebebeb;
    line-height:28px;
    position:relative;
}
.lib_Menubox h3{ font-size:1.25em;}

.lib_Menubox ul{
    position:absolute; 
    top:1px; 
    left:0; 
    height:25px;
    text-align:center;
    
}
.lib_Menubox li{
    color:#666;
    padding: 0 1em;
    float:left;
    display:block;
    cursor:pointer;
    font-weight:bold; 
    margin-right:2px;
    height:30px;
    line-height:25px; 
}
.lib_Menubox li.hover{
    background:#fff;/*选中时为白色*/
    border-top:2px solid #0066cc;
    padding-bottom: 2px;
    color:#0066cc;
    height:25px;
    line-height:25px;
}
.lib_Contentbox{
    clear:both;
    margin-top:0px; 
    border-top:none;
}

.lib_Contentbox .content{
    margin: 10px;
    line-height: 1.5em;
}
/*tab page end*/

/*底部 hot Product开始 */
.item{
    margin: 20px 0 20px 0;
}
.item .title{
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    border-bottom: 2px solid #0066cc;
    padding:0 0;
    width:100%;
    color: #666;
}
.item .title h3{
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 5px;
}

.caslink{
    color:#ccc;
    font-size: 0.8em;
}
.hotStd li{
    text-align: center;
    margin: 10px 0;
    width:20%;
    *width:20%;
    float:left;
}
.hotStd .std_box_l{
     vertical-align:middle;
     overflow: hidden;

     text-align:center;
}
.hotStd .std_box_l a:hover > img{
     border: 1px #0066cc solid;
}
.hotStd .std_box_l img{
     /*设置图片垂直居中*/
     vertical-align:middle;
     border: 1px solid #ebebeb;
      width:120px;
     height:90px;
}
.postMsgBox{
    border: 2px #ebebeb solid;
    padding: 1em;
}
.postMsgBox h3{
   font-size: 1.2em;
   color: #108ddc;
}
.postMsgBox table{
    width:100%;
}
.postMsgBox table .span{
    padding: 1em;
}
.postMsgBox table td{
    padding:5px 2px;
}
.postMsgBox table .td_1{
    width:10%;
    vertical-align: top;
    text-align: right;
}
#subject{
    width:50%;
    padding: 5px 2px;
    line-height: 1.2em;
}
#messagecontent{
    padding: 2px;
    line-height: 1.5em;
    resize: none;
    width:85%;
    border: 1px #ccc solid;
    overflow-y:auto;
}
#messagecontent.onError{
    border:1px solid #ffd4d2;
}
/*product detail page end 05.24*/

#freeMemberBg{
    background: url(../img/product/freeMemberbg.png) no-repeat right top;
}

.otherCompany{
    border: 1px #ccc solid;
    padding: 1em;
}
.otherCompany h3{
    font-size: 1.2em;
    margin-bottom: 10px;
}
.otherCompany .product_link{
    width: 33%;
    height: 1.5em;
    overflow: hidden;
    display: block;
    float: left;
}
.otherCompany a{
    color: #1996E6
}
.otherCompany a:hover{
    color: orange;
    text-decoration: underline;
}
.findMore{
    margin-top: 10px;
    font-weight: bold;
}
.findMore span{
    padding:  0 0 0 18px;
    background: url(../img/product/p_001.gif) no-repeat left center;
}
.findMore a{
    color: #0066cc
}
.findMore a:hover{
    color: orange;
    text-decoration: underline;
}

/*2013-06-18*/
.customize .c_1 input{ border:0;}
/*2013-10-29*/
	/*公司简介*/
.fr{float:right;}
.shop_mod_r{overflow:hidden;}
.shop_mod_r .hd h3{font-size:15px;}
.shop_mod_r .bd .c1{overflow:hidden;}
.shop_mod_r .bd .c1 p{line-height:180%;text-indent:2em;}
.shop_mod_r .bd .c1 a{margin-top:-2px;}
.shop_mod2{margin-top:15px;padding-top:10px;border-top:1px dotted #ccc;}
.shop_mod2 .hd h3{font-size:15px;}
.shop_mod2 .bd table{width:100%;}
.shop_mod2 .bd .cd_table{margin-top:8px;}
.shop_mod2 .bd table tr td{border:1px solid #EDECEC;padding:.4em .8em;}
.shop_mod2 .bd .cd_table .co1{width:20%;text-align:right;}
.shop_mod2 .bd .cd_table .co2{width:35%;}
.shop_mod2 .bd .cd_table .co3{width:25%;}
	/*搜索词*/
.seo_word{margin-top:10px;overflow:hidden;}
.seo_word span{float:left;margin-right:10px;width:32%;*width:30%;}
.seo_word span a{color:#ccc;border-bottom:1px dotted #ccc;}.seo_word span a:hover{color:#f25c00;}
/*   top AD   */
/*  2014-01-13  */
.mt12{margin-top:12px;}
.products_top_ad {margin-bottom:12px;overflow:hidden;zoom:1;}
.products_top_ad  div.top_ad{float:left;}
.products_top_ad  div.top_ad_r{float:right;}
.products_top_ad  a.top_ad{ text-decoration:none;display:block;float:left;}
.products_top_ad  .top_ad img,.products_top_ad  .top_ad_r img { width:320px; height:60px;border: 1px solid #E5E5E5;}
.products_top_ad  .pl4{ padding-left:14px;}

.keywordbox .products-right-ad img{margin-bottom:5px;width:247px;}
/*   end top AD   */
/*2014-10-28*/
/*recommendedSuppliers begin*/
.recommendedSuppliers{ background:#fff;}
.recommendedSuppliers .title{
    padding: 0.5em 0 0.5em 0.5em;
    background: #f5f5f5;
    font-size: 0.875em;
}
.recommendedSuppliers .title h4{
    font-size: 1.3em;
}
.recommendedSuppliers li span{
    word-wrap :break-word; 
}
.recommendedSuppliers ul{ padding:0.5em 0;}
.recommendedSuppliers ul li{
    width: 92%;
    margin:0.2em 0;
    padding: 0 2px 0 6%;
    background: url(../img/icon/dot_grey.gif) no-repeat 5px 0.6em;
}
.recommendedSuppliers{
    width:100%;
    border:1px solid #d4d0c8;
    margin-bottom: 10px;
    float:left;
}


/*2015-03-16*/

*{ padding:0; margin:0;}
body{ margin:0px; padding:0px; background:#fff;}

.news_Search{ width:733px; margin:0 auto; overflow:hidden; text-align:left;}
.news_title{ font-size:20px;overflow:hidden; border-bottom:#e7e7e7 solid 1px;}
.news_title .span2{ float:left;height:100px;overflow:hidden;background:url(../images/bg_7.png) no-repeat left;padding-left:96px;padding-top:60px; margin:0 20px;}
.news_title font{ color:#0066cc;}

.news_Analy{ width:733px; overflow:hidden; margin-top:20px;}
.news_Analy h2{ float:left; width:245px; font-size:14px;}
.news_Analy p{ float:left; width:478px;}
.news_Analy p span{ display:block; font-size:12px; padding-left:6px; background:url(../images/bg_6.png) no-repeat left; margin-bottom:10px;}
.news_Analy p span a{color:#0066cc; font-weight:bold}
.news_Analy p span a:hover{color:#f25c00;text-decoration:none;}
.interest{ margin-top:30px; overflow:hidden}
.interest h1{font-size:18px; background:#ffe183;  line-height:38px; border:#f4d060 solid 1px; padding-left:10px;}

