#top{ width:962px; height:209px; float:left;}
#logo{ float:left; margin:2px 12px 0 20px;}




#menu{ float:right; margin: 50px 0 0 44px; border-bottom: solid 2px #ecab2d; width:719px; display:inline;}
/*nav*/
.nav{height:52px;}
#nav {line-height: 30px;}
#nav a {display: block;width:89px;text-align:center;}
#nav li {float: left;width: 107px;text-align:center;}
#nav li ul {_margin-left:-50px;*margin-left:-53px;line-height: 28px;list-style-type: none;text-align:left;left: -999em;width:89px;position: absolute;font-size:12px;}
#nav li ul a{background:none;display: block;text-align:left; text-align:center;background: #edb13a; border-bottom: solid 1px #9a6f1b;width:89px;font-size:12px;font-weight:normal;}
#nav li ul a:link  {color:#fff;text-decoration:none;}
#nav li ul a:visited  {color:#666;text-decoration:none;}
#nav li ul a:hover  {color:#edb13a;text-decoration:none;font-weight:normal;background: #fff;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}

#content {clear: left;}

.gq{ float:left;}


#submenu{ width:295px; float:right; padding-top:33px;}
.submenu_input{background: url(../imaes/search_31.jpg) no-repeat;height:26px;width:194px;border:none;float:right;padding-left:12px;
line-height:26px;text-indent: 20px; color:#666;}
.submenu_btn{ background: url(../imaes/search_33.jpg )  no-repeat; height:26px; width:36px; border:none; float:right;}

/* about_haotai */

/* main */
#main{ width:962px; float:left;}
.main_left{float:left;width:520px;margin:0 0 25px 2px;border-bottom: 1px dashed #efae32;}
.main_left_bottom{float:left;width:960px; margin:0 0 53px 2px; border-bottom: 1px solid #efae32; text-align:left;}
.main_left_on{ float:left; height:30px;}
.main_left_on_wz{ font-size:14px; color:#fff; font-weight:bold; float:left; line-height:30px; margin-left:10px; display:inline;}
.about_wz{ width:520px; font-size:14px; color:#fff; text-align:left; line-height:28px;}
.more{ text-align:right; float:right; font-size:14px; font:Arial, Helvetica, sans-serif; width:520px;}
.more a{text-decoration: none; color:#fff;}
.more a:hover{color:#eeab29;}

.img_tu{
	position:absolute;
	left: 824px;
	top: 551px;
}


/* about_haotai */



/* shanghai_haotai */

#about_shanghai{ text-align:left; font-size:14px; color:#fff; line-height:28px;}
.title_line{float:left;width:520px;margin:0 0 25px 2px;border-bottom: 1px dashed #efae32; height:40px;}

/* shanghai_haotai */





/* cosmetics_development */
.line_height{ line-height:50px;}
.about_wz2{width:520px;font-size:12px;color:#fff;text-align:left;line-height:25px;letter-spacing: 1px;}
.main_left2{float:left;width:520px;margin:0 0 75px 2px;border-bottom: 1px dashed #efae32;}
/* cosmetics_development */


/* products_exhibition */
#products_exhibition{ text-align:left; font-size:12px; color:#fff; }
.products{ width:675px; height:168px; margin-bottom:25px;}
.products dl{background-color:#8e9192; padding:9px 2px 7px 0; font-size:12px; width:208px; margin-right:15px; float:left;}
.products dl dd{}
.products dl dt{ padding-left:8px; margin-bottom:4px;}
.title_line2{width:660px;margin:0 0 25px 2px;border-bottom: 1px dashed #efae32; height:40px;}


/*产品类别变换排版标题部分css*/

#listContentBox{ width:680px;}

	 .boxTitle ul.pagedown{ font-size:13px; float:left; padding-top:10px;}
	 .boxTitle ul.pagedown li{ float:left;margin:0px 5px 0 0}
	 .boxTitle ul.pagedown li a{ padding:0 4px;color:#fff; text-decoration:none;}
	 .boxTitle ul.pagedown li a:hover{ color:#efae32;}
	  

	 /*产品类别变换排版标题部分css结束*/
/* products_exhibition */


/* products_exhibition_details */
#main2{ width:962px; float:left; padding-bottom:116px;}
#products_exhibition_details{ text-align:left; font-size:12px; color:#fff; line-height:21px;}
/* products_exhibition_details */



/* cooperation_partners_details */
#cooperation_partners_details{ text-align:left; font-size:14px; color:#fff; line-height:20px;}
#cooperation_partners_details b{ font-size:12px;}
.details_img{ padding:0 0 20px 100px;}


/* contact_us */
#contact_us{ height:205px; width:437px;}
.title_line3{width:660px;margin:0 0 25px 2px; height:40px;}
.contact_us_center{ background:url(../imaes/contact_us3.png) repeat-x; width:417px; height:190px; float:left; padding-top:15px; line-height:25px;}
.left{ float:left;}
.right{ float:right;}
.map{ height:293px; float:left; width:450px; padding-bottom:50px;}
/* contact_us */


/* news */
.main_left_bottom2{float:left;width:960px; height:780px; margin:0 0 53px 2px; border-bottom: 1px solid #efae32; text-align:left;}

.verticalAccordion {width: 517px;}
			
			.verticalAccordion ul {width: 100%;margin: 0;padding: 0; font-size:12px;}
			
			.verticalAccordion li {display: block;margin: 0;padding: 0;height: 24px;width: 100%;overflow: hidden;
				margin-bottom:2px;}
			
			.verticalAccordion span {margin: 0;height: 24px;color: #333;
				background: url(../imaes/news_03.png);position: relative; display:block; line-height:24px;text-indent: 31px;}
				
			
			.verticalAccordion span:before {position: absolute; right: 10px;top: 15px;width: 0;height: 0;}
			
			.verticalAccordion div {margin: 0;voerflow: auto;padding: 10px;height: 220px;}
			
			.verticalAccordion li:hover {height: 180px;}
			
			.verticalAccordion li:hover span {color: #fff;background: url(../imaes/news_14.png); display:block;}
			
			
			
			.t_wr_ule{overflow:hidden; clear:both;zoom1:1;border:1px solid #dddddd;padding:10px;}

.t_wr_ule li{ overflow: hidden; clear:both;zoom:1; }
.t_wr_ule_h{font-size:14px; background: url(../imaes/news_03.png) no-repeat left 13px; padding:5px 0;padding-left:10px;}
.t_wr_ul_dv{ padding:5px 0;padding-bottom:10px;overflow: hidden; clear:both;zoom:1;display:none;}
.t_wr_ul_dv h3{font-weight:bold; overflow:hidden; clear:both;zoom:1; font-size:14px;}
.t_wr_ul_dv a img{float:left;border:2px solid #dddddd;}
.t_wr_ul_dv p{ float:left; width:110px; text-align:justify;color:#a2a2a2; margin-left:10px; display:inline;}

.t_wr_ule li.curr .t_wr_ule_h{display:none;}
.t_wr_ule li.curr .t_wr_ul_dv{display:block;}
			
/* news */


/* news_details */

#news_details{line-height:28px; color:#fff; font-size:14px; width:521px; text-align:left; float:left;}
#news_details bdo{float:left; width:157px; height:129px;}
/* news_details */


/* raw_materials */
#raw_materials{ width:709px; height:234px; background:url(../imaes/yl.png); display:block;}
.main_left3{float:left;width:709px;margin:0 0 10px 2px;}
.more2{ float:right; padding-top:5px; padding-right:13px;}
.more2 a{ background:url(../imaes/an2_2.png) no-repeat; display:block; font-size:12px; color:#fff; width:47px; height:18px; line-height:18px; text-decoration:none;}
.more2 a:hover{ background:url(../imaes/an2_1.png) no-repeat; display:block; font-size:12px; color:#fff; width:47px; height:18px; line-height:18px; text-decoration:none;}
.raw_materials_one{ width:709px; height:234px;text-align:center; float:left; color:#fff; font-size:12px;}
.zy{ height:233px; width:84px; border-right: 1px solid #d0cece; float:left; line-height:38px; }
.pm{ height:233px; width:91px; border-right: 1px solid #d0cece; float:left;}
.line_height_1{height:38px;}

.tx_td{ height:233px; width:247px; border-right: 1px solid #d0cece; float:left; line-height:20px;}
.bzgg{ height:233px; width:118px; border-right: 1px solid #d0cece; float:left; line-height:38px;}
.tjl{ height:233px; width:89px; border-right: 1px solid #d0cece; float:left; line-height:38px;}
.sq{ height:233px; width:75px; float:left;}
.anniu{ height:22px; width:70px; margin:13px 0 15px 5px;}
.anniu a{ background:url(../imaes/an1.png) no-repeat; display:block;  color:#333; text-decoration:none;width:70px; line-height:22px;}
.anniu a:hover{ background:url(../imaes/an2.png) no-repeat; display:block; color:#333; text-decoration:none; width:70px; ine-height:22px;}
.gao{ height:50px; width:920px; line-height:50px; float:left;}
.main_left_bottom3{ float:left;width:960px; margin:20px 0 53px 2px; border-bottom: 1px solid #efae32; text-align:left;}
/* raw_materials */




/* sample_application */
.input{ color:#fff; margin-bottom:20px;}
.input_text{ background: #fff; height:23px; width:190px; line-height:23px; border:0px; text-indent: 5px;}
.input_dz{ background: #fff; height:26px; width:417px; line-height:23px; border:0px; text-indent: 5px;}
.input_xm{ background: #fff; height:53px; width:479px; line-height:23px; border:0px; text-indent: 5px;}
.input_xlcd{ background: url(../imaes/xiala.jpg) no-repeat; height:23px; width:190px; line-height:23px; border:0px; text-indent: 5px;}
.input bdo{ width:70px; float:left; text-align:right;}
.ts{ font-size:12px; color:#7f7f7f;}
.ts2{ font-size:12px; color:#fff; line-height:30px;}
.x{ color:#eeab29;}




.dropDownList{ font-size:12px; padding-bottom:20px;} 
.dropDownList div.dropdown{float:left;margin-right:120px;width:952px; margin-bottom:7px;} 
.dropDownList span{display:block;width:190px;height:23px;background: url(../imaes/xiala.jpg) left top no-repeat;line-height:23px;text-indent:12px;cursor:default;} 
    .dropDownList ul{width:190px;display:none;position:absolute;} 
        .dropDownList ul li{background:#eee;height:20px;width:100%;padding:3px 0;text-indent:12px;cursor:default;line-height:20px;} 
        /*普通状态下的样式*/ 
        .dropDownList ul li.normal{background:#eee;} 
        /*鼠标移上的样式*/ 
        .dropDownList ul li.over{background:#ccc;} 
        /*被选中的样式*/ 
        .dropDownList ul li.current{background:#c2c2c2;font-weight:bold;} 
    .dropDownList ul.show{display:block;} 
	
	

.button{ padding-left:340px; height:23px; width:500px;  padding-bottom:70px;}
.button a{ background: url(../imaes/button_31.png) no-repeat; height:23px; width:57px; display:block; line-height:23px; float:left; text-align:center; font-size:12px; color:#333; text-decoration:none; margin-right:20px; margin-bottom:70px;}

.button a:hover{ background: url(../imaes/button_33.png) no-repeat; height:23px; width:57px; display:block; line-height:23px; float:left; text-align:center; font-size:12px; color:#fff; margin-right:20px; margin-bottom:70px;}

	
/* sample_application */




/* cosmetics_list */
#cosmetics_list{  width:709px; background:url(../imaes/yl.png);  display:block;height:702px; }
.cosmetics_list_zy{ line-height:39px; height:702px;  width:84px; border-right: 1px solid #d0cece; float:left; }
.line_height_2{height:38px; padding-top:1px;}
.tx_td2{ height:702px; width:247px; border-right: 1px solid #d0cece; float:left; line-height:20px;}
.pm2{ height:702px; width:91px; border-right: 1px solid #d0cece; float:left;}
/* cosmetics_list */