@charset "utf-8";
/* CSS Document */

.classify_nav{width:1200px; margin:0 auto; height:56px; line-height:56px; color:#666; font-size:12px;}
.classify_nav a{ margin-left:5px; margin-right:5px; color:#666;}
.classify_nav a:hover{ color:#ff7200;}
.ConTent{ width:1200px; margin:0 auto;}
.picture_wrap{ width:874px; background-color:#fff; display:inline-block; padding-bottom:30px;}
.product_info{ /*height:230px;*/ margin-top:12px;}
.structure{ width:180px; height:180px;  float:left; margin-right:30px; position: relative;border: 1px solid #e1e1e1;}
.structure img{ max-width:145px; max-height:145px;    position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.mark{ float:left; width:660px;}
.mark a:hover{color:#ff7200;}
.mark_t{ font-size: 18px;
    color: #333;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 12px;
    padding: 0;
    margin-top: 0;
    font-weight: 500;}
.CH_Name{ width: 660px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    margin-top: 3px;}
.CH_Name span{ color:#666; width:68px; display:inline-block; }
.CH_Name a{ color:#333;}
.mark_P p{ float:left; width:208px; margin-right:21px; font-size:14px; color:#333; line-height:24px; margin-top:3px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.mark_P p a{ color:#333;}
.mark_P p a:hover{color:#ff7200;}
.mark_P p span{ color:#666; margin-right:8px; display:inline-block;}
.total{ height:38px; line-height:38px; margin-top:20px;}
.total p{ float:right; margin-right:20px;}
.total p span{color:#ff7200; }
.picture_box{ overflow:hidden; clear:both; padding-top:30px;}
.picture_TIT{ margin:0 auto; height:40px; border-bottom:2px solid #f5f5f5;}
.picture_TIT p{ float:left; font-size:16px; color:#333; padding-left:20px; padding-right:20px; margin-right:15px; cursor: pointer; height:37px;     display: inline-block; line-height: 2.3; padding-top: 3px;}
.picture_TIT p sup{ float:left;}
.picture_TIT p.current{ border-bottom: 2px solid #ff7200;}
/*.picture_TIT p.current a{color: #fff!important;}*/
.picture_list{ margin-top:10px;}
.picture_top{ display:inline-block;}
.picture_top p{ float:left; padding:4px 15px; color:#333; margin-left:10px; margin-top:10px;border-radius: 3px;cursor: pointer;font-size: 14px;}
.picture_top p.current{color: #ff7200;}
.picture_bop ul li .tupu{ text-align:center; margin-top:30px;}
.picture_list .picture_bop ul li{display:none; text-align:center;}
.picture_list .picture_bop ul li.current{ display:block;}
.picture_list .xzbot{display:none;}
.picture_list .current{ display:block;}
		
.company{ float:right; width:290px; background-color:#fff;}
.company .company_T{  width:284px; margin-bottom:15px; }
.company .company_T a{font-size: 18px;
    color: #666;
    font-weight: bold;}
.company .company_T a:hover{color:#ff7200;}
/*.company ul{ width:284px; margin:0 auto;}
.company ul li{ padding-top:15px; padding-bottom:20px; border-bottom:1px solid #f6f6f6;}*/
.company_name{padding-top: 10px; display:inline-block;
    padding-bottom: 12px;
    line-height: 20px;
    border-bottom: 1px solid #f5f5f5;
    width: 280px;
    height: 20px; font-size:14px; color:#333;}
.company_name a{ line-height:20px; font-size:14px; color:#333; float:left; width:220px; margin-right:10px; display:block;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.company_name a:hover{color:#ff7200;}
.company_name span{ float:right; display:block; color:red; font-size:12px  !important;}
.TOP_A{padding: 3px 5px;background-color:#e60012;color: #fff !important;line-height: 12px;}
.company ul li p{ clear:both; color:#666; margin-top:5px; margin-left:5px; word-break: break-all;}
.Tags_W{ width:100%; clear:both; margin-top:50px; background-color:#fff;border-top:1px solid #e6e6e6; display:inline-block;}
.Tags{ width:1200px; margin:0 auto; padding-bottom:10px;}
.Tags .Tags_T{ text-align:center; font-size:16px; line-height:56px;}
.Tags .Tags_A a{ display:inline-block; font-size:14px; color:#666; margin-bottom:5px; margin-right:15px; width:281px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.Tags .Tags_A a:hover{color:#ff7200;}
.global_footer{width:100%; clear:both; background-color:#515151; border-top:1px solid #e6e6e6;  font-size:13px; }
.global{ width:1200px; margin:0 auto; padding-bottom:20px; text-align:center; padding-top:20px; line-height:24px;}
.global .global_A{ display:inline-block; color:#fff; padding-left:5px; padding-right:5px;}
.global a,.global p{color:#fff;}
.change_over{ width:280px; height:215px; position:relative; margin-bottom:10px; border: 1px solid #f8f8f8; overflow:hidden;}
.change_picture{width:280px; height:215px; overflow:hidden;}
.change_picture a{ float:left;}
.change_picture ul li a img{width:280px; overflow:hidden; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.change_arrowhead{ position:absolute; z-index:9;}
.arrowhead_L{ width:24px; height:30px; display:inline-block; background:url(http://hg.y866.cn/chemistry/Content/img/caozuo.png) no-repeat -92px 0; position:absolute; top:-100px; left:10px;}
.arrowhead_R{ width:24px; height:30px; display:inline-block; background:url(http://hg.y866.cn/chemistry/Content/img/caozuo.png) no-repeat -118px 0; position:absolute; top:-100px; left:250px;}
.company_A{ padding-top:12px; padding-bottom:12px; line-height:20px; border-bottom:1px solid #f5f5f5; width:280px;}
.company_A a{ color:#333; font-size:14px; display:inline-block; width:235px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.company_A a:hover{ color:#ff7301;}
.RFQbox{width:210px; margin: 0; padding-top:30px;}
.RFQbox a:link{background: #ff7300;
border: none;
border-radius: 3px;
color: #FFF;
cursor: pointer;
height:32px; font:bold 15px/32px Arial, Helvetica, sans-serif;
display:block; text-align:center;border: #e05b07 solid 1px;}
.RFQbox a:active{border:none;outline: none;box-shadow: none;}
.RFQbox a:before {content:"";
	background: url(http://hg.y866.cn/chemistry/Content/img/infor_03.jpg) no-repeat;
	display:inline-block;
	width: 17px;
height: 11px;margin-right:6px; display:none}
.company_A .top{ width:42px; height:18px; display:inline-block; background:url(http://hg.y866.cn/chemistry/Content/img/en-icon_productlist.png) no-repeat -152px -167px; float:right;}
.company_A .good{width:33px; height:16px; display:inline-block; background:url(http://hg.y866.cn/chemistry/Content/img/en-icon_productlist.png) no-repeat -160px -196px; float:right;}
.company_more {
	margin-left: 0 !important;
	margin-bottom: 15px;
}
/*.Tags .Tags_A a::after {
	content: '|';
	font-size: 14px;
	color: #ccc;
	padding-left: 15px;
}
.Tags .Tags_A .none::after{content: '';}*/
.toolong{max-height:400px; overflow:hidden; position:relative;}
.toolong .tpmore{ position:absolute;bottom:0px; left:50%;margin-left:-5px; color:#666; z-index:999; text-align:center; display:block;width:50px;height:18px; background:#efefef;font:bold 13px/18px Arial, Helvetica, sans-serif; border-radius:30px;cursor:pointer}
.toolong .tpmore:after{content:"+"; }
.toolong .tpmore:hover,.toolong-1 .tpmore:hover{ background:#ff7300; color:#fff;}
.toolong:after{content:"";height:40px;width:100%;display:block; position:absolute;bottom:0px;font-size:14px; color:#888; text-align:center;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%); /* W3C */
}
.toolong-1{ position:relative}
.toolong-1 .tpmore{ position:absolute;bottom:0px; left:50%;margin-left:-5px; color:#666; z-index:999; text-align:center; display:block;width:50px;height:18px; background:#efefef;font:bold 15px/18px Arial, Helvetica, sans-serif; border-radius:30px;cursor:pointer}
.toolong-1 .tpmore:after{content:"-"; }