﻿@charset "utf-8";
/* CSS Document */


.header_img {
	min-width: 1280px;
	min-height: 444px;
	width:100%;
	height:auto;
	margin:0px auto 35px auto;
	background: url(../img/Firmenich/header_firmenich.jpg) no-repeat center center;
	
	background-size: cover;
/*	border:1px blue solid;	*/
}
.container{
	
	width:1220px;
	color:#454545;
	font-size: 12px;
}
.btn-primary{
background-color:#649B1C!important; 
	border-color:#649B1C!important;
}

.btn-default{
background-color:white!important; 
	border-color:#649B1C!important;
	color:#649B1C!important;	
}
.btn-primary a{
    color:white;
}
.container li{

	list-style: none;
}


.guide{
	width:50%;
	height:80px;
	line-height: 20px;
/*	border:1px solid violet;*/
}

.guide p{text-align: right;
	margin-right:15px;}

.header_area
{width:100%;
height:220px;
border-bottom:1px solid #dbdbdb;

}

.header_right{
	
	text-align: right;
/*	border:1px blue solid;*/
	height:140px;
	width:50%;
	float:left;
	
}


.header_left{

/*	border:1px yellow solid;*/
	height:140px;
	padding:0px;
	width:50%;
	float:left;
}

.table_index{
	width:100%;
/*	border:1px solid gray;*/
	margin:0;
	text-align: left;
}

.odor_index {

	height:40px;
/*	border:1px violet solid;*/
	padding:5px 3px;
}

.odor_principal
{ height:50px;}


.odor_cata {
	
	
}

.odor_bar1{
	width:100%;
	height:100%;

/*background: linear-gradient(to left, rgba(183,205,217,0), rgba(183,205,217,1));*/
}

.odor_bar2{
	width:60%;
	height:80%;

/*background: linear-gradient(to left, rgba(183,205,217,0), rgba(183,205,217,1));*/
}

.odor_bar3{
	width:20%;
	height:70%;
/*background: linear-gradient(to left, rgba(183,205,217,0), rgba(183,205,217,1));*/
}


.body_area
{width:100%;
/*border:1px violet solid;*/	
}

.prod_info{
/*border:1px violet solid;*/
}

.pic{
	width:100%;
	height:220px;
/*	border:1px solid #dbdbdb;*/
	float:left;
}

.pic img
{	
	margin:5px auto;
}

.pic p
{font-size: 12px;
margin-top:15px;
}

.info{
	width:100%;
	height:180px;	
/*	border:1px solid #dbdbdb;*/	
	float:left;
}

.tenacity{
	
	width:100%;
	height:140px;	
/*	border:1px solid #dbdbdb;	*/
	float: left;
	padding-top: 50px;
}

.tenacity_text{
	float:left;
	width:70%;
}

.tenacity_text h5
{margin-bottom: 15px;}

.tenacity_pic{
	width:30%;
	float:left;
	padding-top:10px;
	padding-bottom: 10px;
	padding-right:25px;
	text-align: right;

}

.tenacity2{
	float:left;
	width:100%;
	height:425px;	
/*	border:1px solid gray;*/
	position:relative;
}

.times{
	width:100%;
/*	height:100px;*/
	position: absolute;
	left:0px;
	bottom:0px;
/*	border:1px solid green ;*/
	
}

.timeslot{
	color:#b5b5b5;
	font-size: 14px;
	line-height: 31px;
	text-align: right;
	padding-right:250px;
	border:1px solid #fff;
	font-weight: 700;
}

.topline{
	
	border-top:1px solid #dbdbdb;
}

.bottomline{
	
	border-bottom:1px solid #dbdbdb;
}
.grad{

	width:50%;
	
	position: absolute;
	right:20px;
	bottom:0px;
	z-index: -1;
/*    background: linear-gradient(to bottom, rgba(183,205,217,0), rgba(183,205,217,1));	*/
	
}
.hei1{height:33px; }
.hei2{height:66px; }
.hei3{height:99px; }
.hei4{height:132px; }
.hei5{height:165px; }
.hei6{height:195px; }
.hei7{height:230px; }
.hei8{height:263px; }
.hei9{height:296px; }
.hei10{height:330px; }
.hei11{height:363px; }
.hei12{height:396px; }


.prod_details{
height:100%;
/*border:1px violet solid;*/

}

.olfractive{
	
	width:100%;
	height:200px;
}

.usage{
	width:100%;
	height:175px;
}

.specification
{width:100%;}


.spec{
	
width:100%;
margin-bottom: 30px;	
	
}

.spec td{
	border-top:1px solid #dbdbdb;
}



.item, .result{
line-height:25px;	
}

.result{font-weight:700;
text-align: right;
}

.lastline{
border-bottom: 1px solid #dbdbdb;	
	
}

.performance{
width:100%;
border:1px solid #dbdbdb;	
	
}

.performance td{
border:1px solid #dbdbdb;	
	line-height: 26px;
	padding-left:3px;
	
}

.pfmheader{
	height:37px;
	line-height: 35px;
}

.topnote{
	text-align: center;
	font-weight: 700;
}

.application{width:25%;}

.stability{width:15%;}

.use{width:20%;}

.wet{width:9%;}

.wet2{width:11%;}

.dry{width:9%;}

.dry2{width:11%;}

.prod_link{
height:967px;
overflow:auto;
position:relative;}

.purchase{
position:relative;	
}

.cart{
	position: absolute;
	right:5px;
	bottom:5px;
}


.foot_area{
/*	border:1px solid violet;*/
	position:relative;
	margin-top:40px;
}
.footerbar{
	width:92%;
	height:15px;
	padding-right:20px;
}

.foot_area img{
	width:250px;
	height:auto;
	position:absolute;
	bottom:0px;
	right:0px;
}

.search_result{
	margin-top:35px;
	border-radius: 6px;
	width:100%;
	height:280px;
	border:1px solid #dbdbdb;
}

.title
{	width: 100%;
	height: 60px;
	border-bottom: 1px #dbdbdb solid;
	background:#fff;
}	

.title p
{
	margin-left:30px;
	font-size: 16px;
	line-height: 60px;
	color: #454545;
}

.item10{
	width: 276px;
	height: 200px;	
	background: url(../img/border_quotation.jpg) no-repeat;
	background-position: left top;
	background-size: 275px 200px;		
	position:relative;
	border-right: 1px #dbdbdb solid;
	border-bottom: 1px #dbdbdb solid;
	list-style-type: none;	
	float: left;	
}

.item11  {
	border-right: none;
}

.jspDrag{
	background:#aaa!important;
}

/*颜色设定区*/
/*醛香*/
.grad_toleft_aldehyde{
background: linear-gradient(to left, rgba(183,205,217,0), rgba(183,205,217,1));
}
.grad_tobottom_aldehyde{
background: linear-gradient(to bottom, rgba(183,205,217,0), rgba(183,205,217,1));
}
    	
/*花香*/
.grad_toleft_floral{
background: linear-gradient(to left, rgba(220,0,56,0), rgba(220,0,56,1));
}

.grad_tobottom_floral{
background: linear-gradient(to bottom, rgba(220,0,56,0), rgba(220,0,56,1));
}

/*臭氧*/
.grad_toleft_ozone{
background: linear-gradient(to left, rgba(75,135,174,0), rgba(75,135,174,1));
}

.grad_tobottom_ozone{
background: linear-gradient(to bottom, rgba(75,135,174,0), rgba(75,135,174,1));
}


/*动物*/
.grad_toleft_animal{
background: linear-gradient(to left, rgba(75,88,95,0), rgba(75,88,95,1));
}

.grad_tobottom_animal{
background: linear-gradient(to bottom, rgba(75,88,95,0), rgba(75,88,95,1));
}


/*芳香*/
.grad_toleft_aromatic{
background: linear-gradient(to left, rgba(123,167,129,0), rgba(123,167,129,1));
}

.grad_tobottom_aromatic{
background: linear-gradient(to bottom, rgba(123,167,129,0), rgba(123,167,129,1));
}

/*粉香*/
.grad_toleft_powdery{
background: linear-gradient(to left, rgba(146,7,131,0), rgba(146,7,131,1));
}

.grad_tobottom_powdery{
background: linear-gradient(to bottom, rgba(146,7,131,0), rgba(146,7,131,1));
}

/*柑橘*/
.grad_toleft_citrus{
background: linear-gradient(to left, rgba(252,200,0,0), rgba(252,200,0,1));
}

.grad_tobottom_citrus{
background: linear-gradient(to bottom, rgba(252,200,0,0), rgba(252,200,0,1));
}

/*水果*/
.grad_toleft_fruit{
background: linear-gradient(to left, rgba(235,97,0,0), rgba(235,97,0,1));
}

.grad_tobottom_fruit{
background: linear-gradient(to bottom, rgba(235,97,0,0), rgba(235,97,0,1));
}


/*龙涎*/
.grad_toleft_amber{
background: linear-gradient(to left, rgba(164,169,171,0), rgba(164,169,171,1));
}

.grad_tobottom_amber{
background: linear-gradient(to bottom, rgba(164,169,171,0), rgba(164,169,171,1));
}


/*木香*/
.grad_toleft_woody{
background: linear-gradient(to left, rgba(128,118,91,0), rgba(128,118,91,1));
}

.grad_tobottom_woody{
background: linear-gradient(to bottom, rgba(128,118,91,0), rgba(128,118,91,1));
}

/*内酯*/
.grad_toleft_lactonic{
background: linear-gradient(to left, rgba(227,217,184,0), rgba(227,217,184,1));
}

.grad_tobottom_lactonic{
background: linear-gradient(to bottom, rgba(227,217,184,0), rgba(227,217,184,1));
}

/*青香*/
.grad_toleft_green{
background: linear-gradient(to left, rgba(118,163,21,0), rgba(118,163,21,1));
}

.grad_tobottom_green{
background: linear-gradient(to bottom, rgba(118,163,21,0), rgba(118,163,21,1));
}

/*麝香*/
.grad_toleft_musk{
background: linear-gradient(to left, rgba(196,154,138,0), rgba(196,154,138,1));
}

.grad_tobottom_musk{
background: linear-gradient(to bottom, rgba(196,154,138,0), rgba(196,154,138,1));
}

/*香膏*/
.grad_toleft_balsam{
background: linear-gradient(to left, rgba(236,216,192,0), rgba(236,216,192,1));
}

.grad_tobottom_balsam{
background: linear-gradient(to bottom, rgba(236,216,192,0), rgba(236,216,192,1));
}

/*辛香*/
.grad_toleft_spicy{
background: linear-gradient(to left, rgba(180,16,32,0), rgba(180,16,32,1));
}

.grad_tobottom_spicy{
background: linear-gradient(to bottom, rgba(180,16,32,0), rgba(180,16,32,1));
}

/*药草*/
.grad_toleft_herbal{
background: linear-gradient(to left, rgba(207,219,0,0), rgba(207,219,0,1));
}

.grad_tobottom_herbal{
background: linear-gradient(to bottom, rgba(207,219,0,0), rgba(207,219,0,1));
}
