﻿@charset "UTF-8";
body{ font-family: Verdana; font-size:12px; color:#444; background:#661d55;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,span,em,p,input{margin:0; padding:0px;}
ol, ul,li {list-style-image:none;list-style-position:outside;list-style-type:none;}

a { blr:expression(this.onFocus=this.blur()) }
a:link{
	font-size:12px;
	color:#888888;
	text-decoration:none;
}
a:visited{
	font-size:12px;
	color:#888888;
	text-decoration:none;
}
a:hover{
	font-size:12px;
	color:#751c60;
	text-decoration:none;
}
a:active{
	font-size:12px;
	color:#888888;
	text-decoration:none;
}
#container {
	MARGIN: 0px auto; width:100%; background:url(../images/bg.jpg) top repeat-x;
}
#top {
	WIDTH:960px;height:107px;MARGIN: 0px auto; background: url(../images/top_bg.jpg) top repeat-x;
}
#top_left{ width:300px; height:107px; float:left;}
#top_right{ width:630px; height:107px; float:left;}
#menu{ width:960px; height:44px; margin:0 auto; background:url(../images/menu_bg.jpg) top repeat-x; z-index:2;}
<!--                           -->
.menu1{ display:block; width:108px;text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center; margin-right:10px;height:44px; line-height:40px;}
.menu1 a:link{ display:block; width:108px;text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;color:#908989;line-height:40px;}
.menu1 a:hover{ display:block; width:108px; height:44px; text-align:center;float:left; background:url(../images/menu_bg_hover.png) repeat-x right center; margin-right:10px;color:#908989;line-height:40px;}
.menu2{ display:block; width:145px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;}
.menu2 a:link{ display:block; width:145px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;color:#908989}
.menu2 a:hover{ display:block; width:145px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_bg_hover.png) repeat-x right center;margin-right:10px;color:#908989}
.menu3{ display:block; width:155px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;}
.menu3 a:link{ display:block; width:155px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;color:#908989}
.menu3 a:hover{ display:block; width:155px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_bg_hover.png) repeat-x right center;margin-right:10px;color:#908989}
.menu4{ display:block; width:175px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;}
.menu4 a:link{ display:block; width:175px; height:44px;line-height:40px; text-align:center;float:left; background:url(../images/menu_biao.jpg) no-repeat right center;margin-right:10px;color:#908989}
.menu4 a:hover{ display:block; width:175px; height:44px;line-height:40px; text-align:center;float:left;background:url(../images/menu_bg_hover.png) repeat-x right center;margin-right:10px; color:#908989}

<!--                -->
#menu ul li{position:relative;}

#menu ul li ul{display:none;}

#menu ul li:hover a{display:block;}

#menu ul li:hover ul{display:block;position:absolute;left:0px;width:140px;top:44px; line-height:20px;}

#menu ul li:hover ul li ul{display:none;}

#menu ul li:hover ul li a{display:block;background:url(../images/menu_li_bg.jpg) top no-repeat; width:140px; height:29px; float:left; text-align:left; padding-left:50px; line-height:28px;position:relative;}

#menu ul li:hover ul li a:hover{ display:block;color:#751c60;background:url(../images/menu_li_bg02.jpg) top no-repeat;width:140px;float:left; height:29px;text-align:left; padding-left:50px;line-height:28px;}

#menu ul li:hover ul li:hover ul{display:block; position:absolute; float:left; left:190px; top:0px; color:#000; background:#fff; text-align:left;}

#menu ul li:hover ul li:hover ul li a{background:#fff; width:140px; color:#888888;float:left; text-align:left; display:block}

#menu ul li:hover ul li:hover ul li a:hover{color:#751c60; width:140px; height:29px; float:left; text-align:left; display:block;}

<!--                -->
#banner{ width:960px; height:358px; margin:0 auto; background:#391540;}
#banner02{ width:960px;margin:0 auto;}
#index_news{ width:960px; height:40px; background:url(../images/index_news_bg.jpg) top repeat-x; margin:0 auto;}
#index_news_con{ width:760px; height:30px; float:left; padding-left:30px; padding-top:10px;}
#index_news_con_tit{ width:60px; height:30px; float:left}
#scrollDiv{ width:700px; height:27px; float:left;overflow:hidden;min-height:25px; padding-top:3px;}
#scrollDiv li{height:30px;}

#index_con{ width:960px; height:275px; background:url(../images/index_con_bg.jpg) top repeat-x; margin:0 auto}
#index_about{ width:250px; height:195px; padding-left:30px; padding-right:20px; float:left; margin-top:30PX; line-height:20px;}

#index_product{ width:372px; height:195px; padding-right:20px; float:left; margin-top:30PX; }
#index_product_tit{ width:372px; height:23px; float:left; padding-bottom:10px;}
#index_product_con{ width:372px; height:143px;float:left;}

#index_video{ width:234px; height:195px; float:left; margin-top:30px;}
#index_video_txt{ width:234px; height:23px; float:left; padding-bottom:10px;}
#index_video_con{ width:234px; height:143px; float:left; background:url(../images/video_bg.jpg) top no-repeat; text-align:center; padding-top:15px;}

#foot{ width:960px; margin:0 auto; height:140px;}
#menu02{ width:960px; height:65px; background:url(../images/menu02_bg.jpg) top repeat-x; float:left;}
#menu02_left{ width:700px; height:65px; float:left;}
#menu02_right{ width:245px; height:65px; float:left; text-align:left; margin-top:20px; padding-left:15px;}
#foot_txt{ width:960px; height:75px; float:left;}
#foot_txt01{ width:260px; height:65px; float:left; line-height:20px; padding-left:20px; color:#fff;padding-top:10px;padding-top:10px;}
#foot_txt1{ width:140px; height:50px; float:left; padding-top:6px;}
#foot_txt02{ width:520px; height:65px; float:left; line-height:20px;color:#fff; text-align:right; padding-top:10px;}

#con_top{ width:922px; height:65px; margin:0 auto; background:url(../images/con_top_bg.jpg) top repeat-x; padding-left:38px; padding-top:15px; line-height:26px;}
#con_top h2{font-size:30px; color:#787878; line-height:30px;}
#con{ width:960px; background:url(../images/con_bg.jpg) bottom repeat-x; margin:0 auto;background-color:#FFF;padding-top:30px;overflow:hidden; min-height:310px;}
#contact_left{ width:600px; float:left; margin-left:40px; line-height:20px; color:#444444}
#contact_right{ width:270px; float:left; padding-bottom:50px;}
#box{ width:245px; height:365px; background:#ebebeb; padding-top:20px; padding-left:20px; line-height:18px;}
#box span{ display:block; width:208px; height:230px; background:#dbdbdb; margin-top:10px; padding:10px; line-height:20px; margin-bottom:12px; color:#333}

#news_con{ width:870px;float:left; padding-left:40px; line-height:20px; margin-bottom:80px;}
#news_con ul{ width:870px;float:left;}
#news_con ul li{ width:870px;float:left; padding-bottom:25px;}
#news_pic{ width:205px; height:90px; float:left;}
#news_list{ width:665px; height:90px; float:left; border-bottom:1px solid #efefef; line-height:24px;}

#pro_con02{width:960px;float:left; padding-left:40px; line-height:20px;}
#pro_con02 span{ width:960px; height:120px; display:block; line-height:18px; color:#444}
#pro_con02 ul{ width:960px; float:left;}
#pro_con02 ul li{ width:185px; float:left; padding-bottom:60px;}
#pic02{ width:130px; float:left; height:120px; text-align:center;}
#pic02_txt{ width:130px; float:left; height:40px; text-align:center;}

#pro_con{width:890px;float:left; padding-left:40px; line-height:20px;}
#pro_con span{ width:890px; height:140px; display:block; line-height:18px; color:#444}
#pro_con ul{ width:900px; float:left;}
#pro_con ul li{ width:300px; float:left; padding-bottom:60px;}
#pic{ width:145px; float:left; height:130px;}
#pic_txt{ width:145px; height:130px; float:left}

#about_con{ width:900px;float:left;padding-bottom:30px;padding-left:35px; line-height:20px;}
#about_con ul{ width:900px;float:left;}
#about_con ul li{width:195px;float:left; display:block; padding-right:35px; padding-bottom:30px;}
.pic{width:188px;float:left; background:url(../images/about01.jpg) top no-repeat;height:138px; padding-top:7px; padding-left:7px;}
.titles{width:195px; line-height:30px; font-size:16px; color:#444444; text-align:center; line-height:24px; padding-top:10px;}
#about_con ul li a:link{width:195px; line-height:30px; font-size:16px; color:#444444; text-align:center; line-height:24px; padding-top:10px;}
#about_con ul li a:hover{width:195px; line-height:30px; font-size:16px; color:#751c60; text-align:center; line-height:24px; padding-top:10px;}
#about_con ul li a{width:195px; line-height:30px; font-size:16px; color:#444444; text-align:center; line-height:24px; padding-top:10px;}
#culture{ width:900px; background:url(../images/culture_bg.jpg) top right no-repeat; font-size:12px;}

.go_pic{display:block; line-height:30px; width:25px; float:left}
.go_txt{display:block;width:90px; float:left}


#download_con{width:920px;float:left;padding-bottom:30px;padding-left:35px; line-height:20px; height:300px;}
#download_left{width:193px;float:left;padding-right:35px; padding-bottom:30px;}
#download_left01{width:193px;float:left; height:34px; background:url(../images/downloads_left.jpg) top no-repeat}
#download_left02{width:193px;float:left;background:url(../images/downloads_left02.jpg) top no-repeat; height:129px;}
#download_right{width:650px;float:left;}
#download_right ul{width:650px;float:left;}
#download_right ul li{width:650px;float:left; display:block; border-bottom:1px solid #efefef; height:30px; line-height:24px; margin-bottom:10px;}
#download_biao{ width:20px; float:left; background:url(../images/downloads_biao.jpg) top no-repeat; margin-top:10px;}
#download_txt{ width:390px; float:left}
#download_time{ width:125px; float:left}
#download_btn{ width:110px; float:left}

.about02 { }
.about02 a{height:41px; width:226px; text-decoration:none; float:left;color:#fff; padding-top:13px; text-align:center; line-height:14px;}
.about02 a:link{background:url(../images/about02_pic01.jpg) top center no-repeat; font-size:14px;color:#fff;text-decoration:none;font-weight:bold}
.about02 a:visited{background:url(../images/about02_pic01.jpg) top center no-repeat; font-size:14px;color:#fff;text-decoration:none;font-weight:bold}
.about02 a:hover{background:url(../images/about02_pic02.jpg) top center no-repeat; color:#fff;text-decoration:none;font-weight:bold}
.about02 a:active{ background:url(../images/about02_pic02.jpg)  top center no-repeat; color:#fff ; font-weight:bold}
.about01 { }
.about01 a{height:41px; width:226px; text-decoration:none; float:left;color:#fff; padding-top:13px; text-align:center;line-height:14px;}
.about01 a:link{background:url(../images/about02_pic02.jpg) top center no-repeat; font-size:14px;color:#fff;text-decoration:none;font-weight:bold}
.about01 a:visited{background:url(../images/about02_pic02.jpg) top center no-repeat; font-size:14px;color:#fff;text-decoration:none;font-weight:bold}
.about01 a:hover{background:url(../images/about02_pic02.jpg) top center no-repeat; color:#fff;text-decoration:none;font-weight:bold}
.about01 a:active{ background:url(../images/about02_pic02.jpg)  top center no-repeat; color:#fff ; font-weight:bold}