/* CSS Document */

*{ margin:0px; padding:0px; }

body{ width:1002px; margin:0px auto; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:#000 url(images/bg.jpg) repeat-y top; border-right:1px solid #000}
*html body{ width:1002px; margin:0px auto; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:#000 url(images/bg.jpg) repeat-y top; border-left:2px solid #000}
*+html body{ width:1002px; margin:0px auto; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:#000 url(images/bg.jpg) repeat-y top; border-left:2px solid #000}

a{ color:#999; text-decoration:none}
a:hover{ color:#f00}
a img{ border:0px}

/*left*/
#left{ width:100px; float:left; background:url(images/bg_lf.gif) repeat-y;}

#mid{ width:241px; float:left; background:url(images/bg1.jpg) repeat-y; padding:0 0 20px 15px}
#mid .logo{ background:url(images/logo.jpg) no-repeat; width:226px; height:97px; margin-bottom:5px}
#mid .date{ background:url(images/date.jpg) no-repeat; width:216px; height:31px; margin-bottom:10px; font-size:18px; font-weight:bold; text-align:right; padding:10px 10px 0 0;}
#mid .quicklist{ margin-bottom:10px; width:226px}
#mid .quicklist h1{ background:url(images/t1.jpg) no-repeat; height:24px; line-height:24px; font-size:12px; font-weight:normal; color:#999; text-transform:capitalize; padding-left:10px}
#mid .quicklist h2{ background:url(images/t2.jpg) no-repeat; height:24px}
#mid .quicklist ul{ margin:0px; background:#333; list-style:none; border:1px solid #000; line-height:23px}
#mid .quicklist ul li{ background:url(images/ind_dot.gif) no-repeat 10px center; border:1px solid #000; border-top:1px solid #666}
#mid .quicklist ul li a{ display:block;padding-left:20px;}
#mid .quicklist ul li a:hover{ background:#770303 url(images/ind_dot.gif) no-repeat 9px center; color:#fff}

#mid .email{ background:#000 url(images/emailbg.jpg) 0 24px no-repeat; width:226px; min-height:200px}
#mid .email h1{ background:url(images/t1.jpg) no-repeat; height:24px; color:#999; font-size:12px; font-weight:normal; padding-left:10px; line-height:24px; text-transform:capitalize}
#mid .email table{ margin:10px; font-size:12px;}
#mid .email .input{ margin:10px 0 0 5px; background:#333; border:1px solid #999; color:#999; font-family:Arial, Helvetica, sans-serif}
#mid .email .select{ margin:10px 0 0 5px; font-family:Arial;}
#mid .email .but{ margin:10px 5px 0 5px;}

#right{ width:646px; float:left; background:#0E0E0E; }
#right #content,#right #main{ width:646px; clear:both}

.clear{ clear:both}
#content_left{ float:left; width:438px; background:url(images/bgc.jpg) 0 43px ; }
#content_left .content_left_top{ background:url(images/ind0.jpg) no-repeat; width:438px; height:43px}
#content_left .content_left_bottom{background:url(images/ind_ind2.jpg) top left no-repeat; height:17px}
#content_left .content_first{ margin:15px 30px 10px 24px; line-height:20px; min-height:107px}
#content_left .content_first a img{ float:left; margin-right:15px; width:160px; height:105px}
#content_left .content_first span h1{ font-size:14px; font-weight:bold;}
#content_left .content_first span p a:hover{ text-decoration:underline}

#content_left .content_list{ margin:10px 30px 10px 24px; width:380px; position:relative;}
#content_left .content_list li{ list-style:none;display:block; line-height:22px; background:url(images/ind_dot.gif) no-repeat left center; padding-left:10px}
#content_left .content_list li a{  width:170px;}
#content_left .content_list li span{ position:absolute; right:0px;}

#marquePic1 a img{ margin:0 3px}

#content_right{ float:left; width:208px; background:url(images/ind_r0.jpg) repeat-y top left; min-height:43px}
#content_right .content_right_top{background:url(images/ind1.jpg) no-repeat; height:43px;}
#content_right .flash{ width:201px; height:192px;background:url(images/ind_r0.jpg); padding-left:7px;}
#content_right .content_right_con{ background:url(images/ind_dj.jpg) no-repeat; height:115px; padding:40px 0 0 15px}
#content_right .content_right_con p{ line-height:22px; background:url( images/cont.jpg) no-repeat left; padding-left:35px}
#content_right .content_right_bottom{ background:url(images/ind_ind2.jpg) top right no-repeat; height:17px}


/*main*/
.main_top{ background:url(images/bg_top.jpg) no-repeat top; height:72px; width:646px; padding-top:80px;}
.main_top .list1{ margin:0 0 0 30px}
.main_top .list1 a{ text-transform:capitalize}
.main_top .list1 a.red{ color:#f00}
.main_top .list2{ margin:20px 15px 0 0 ; float:right; padding-left:15px; background:url(images/loc.gif) no-repeat left center}
.main_content{ background:url(images/bg_line.gif) repeat-y top; padding-bottom:20px}
.main_content .title{ background:url(images/bg_loc.gif) no-repeat top; height:45px; color:#f00; font-size:18px; font-weight:bold; text-transform:uppercase; padding:20px 0 0 50px;}
.main_content .xianq{ margin:0 25px 0 30px; line-height:22px;}

/*news*/
.main_content .news{margin:0 25px 10px 30px; width:590px}
.main_content .news a img{width:175px; height:124px; padding:3px; border:1px solid #999;float:left; margin-right:10px}
.main_content .news h3{ font-size:12px; font-weight:bold; color:#fff; background:url(images/new_dot.gif) no-repeat left center; border-bottom:1px solid #999; width:355px; padding-left:15px; text-transform:capitalize; height:25px; line-height:25px}

.main_content .news ul{list-style:none; width:370px; margin-left:10px; float:left; position:relative}
.main_content .news ul li{ line-height:23px; background:url(images/vd.gif) repeat-x bottom left}
.main_content .news ul li a{ background:url(images/ind_dot.gif) no-repeat 5px center; padding-left:15px}
.main_content .news ul span{ position:absolute; right:5px;}
.main_content .news h3 span a{ font-weight:normal}
.main_content .news h3 span a:hover{ text-decoration:underline}

/*news-list*/
.main_content .news_list{margin:0 25px 10px 30px; width:590px}
.main_content .news_list ul{list-style:none;position:relative}
.main_content .news_list ul li{ line-height:23px; background:url(images/vd.gif) repeat-x bottom left}
.main_content .news_list ul li a{ background:url(images/ind_dot.gif) no-repeat 5px center; padding-left:15px}
.main_content .news_list ul span{ position:absolute; right:5px;}


/*products*/
.products-list{margin:0 20px;}

.main_content .products{ background:#000 url(images/bg_p0.jpg) no-repeat top left; width:139px; padding-top:22px; text-align:center; float:left; margin:0 0 10px 10px}
.main_content .products img{ width:123px; height:105px; border:1px solid #363638;}
.main_content .products a img:hover{ border:1px solid #999}
.main_content .products p{ line-height:23px}

/*products-view*/

.probig{ background:url(images/v1.gif) no-repeat top left; width:370px; text-align:center; margin:0 10px 0 0; float:left}
.probig .probigtop{ background:url(images/v0.gif) no-repeat top left; height:10px}
.probig img{ width:350px; height:350px}
.probig .probigbottom{ background:url(images/v3.gif) no-repeat bottom left; height:38px; line-height:38px; font-weight:bold}


.prointro{ background:url(images/v4.gif) no-repeat top left;  float:left; margin-top:15px}
.prointro h3{ color:#f00; font-weight:bold; font-size:13px; text-transform:capitalize; line-height:32px; margin-left:15px}
.prointro .introduce{ background:#282828; border:1px solid #000; min-height:350px; padding:10px; width:550px; overflow:hidden}
.procontent{margin:0 25px 10px 30px;}

/*service*/
.contact_input{ background:#333; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px}

/*contact us*/
.contact{margin:0 25px 10px 30px; background:url(images/2008321154340902.jpg) no-repeat; min-height:400px; padding-left:300px; line-height:23px}
.contact h1{ font-weight:bold; font-size:15px; color:#f00; line-height:30px; text-transform:uppercase}
.red{ color:#f00}
/*foot*/


#right #foot{ background:url(images/foot.jpg) no-repeat top left; width:646px; height:55px}
#right #foot p{ text-align:right; line-height:20px; margin:5px 15px 0 0}

#right #foot1{ width:646px; background:url(images/foot1.jpg) no-repeat top left; height:73px; padding-top:15px}
#right #foot1 p{ text-align:right; line-height:20px; margin:0 15px 0 0}

