html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 13px;; vertical-align: baseline; background: transparent;}

ul,ol,li{list-style:none}
img,fieldset,input,button{border:0;background-color:transparent;} 
em,address{font-style:normal}
a,button { cursor: pointer;}
table { border-collapse: collapse; border-spacing: 0; }

body { line-height: 18px; font-family:"微软雅黑","宋体",Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; background-color:#fdfdfd;}
a { text-decoration: none; color: #333333; }
a:link { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #333333; }
a:active { text-decoration: none; color: #432a11; }
a:hover { text-decoration: none; color: #943730; }

#top { width:100%; margin: auto; position: relative; clear:both;}
#header { width: 100%; margin: 0 auto; position: relative; height:121px; background-image:url(top_bg.jpg); background-repeat:repeat-x;}
#logo {	width:1200px; height:121px; margin: auto; position: relative; padding-left:10px;}

#menu{ width:100%; height: 67px; position: relative; background-image:url(navbg.jpg); background-repeat:repeat-x;}
#menu_area{ width:1200px; height: 67px; position: relative; background-image:url(menu_bg.png); background-repeat:repeat-x; margin:auto; position:relative; clear:both; }
#nav{ width:1020px; height: 40px; margin:auto; position:relative; text-align:right; clear:both; padding-top:25px; padding-left:285px;}
#nav ul{ list-style-type:none;}
#nav li{ float:left; height:28px; text-align:center; list-style:none; letter-spacing:0px; margin:3px 15px 0 15px;}
#nav li:hover{background-image:url(navbg1.jpg); background-repeat:repeat-x; }
#nav li a{ color:#fbf7ec; font-family:"微软雅黑"; font-size:15px; font-weight:bold; text-decoration:none;}
#nav li a:hover{ font-size:15px; font-weight:bold; color:#fce194; text-decoration:none;}
.nav1{ width:24px;}

.spot{margin: auto; position: relative; clear:both; width:100%; height:79px; background:url('spot_bg.jpg') repeat-x bottom; }
.wrap_main {margin: auto; position: relative; clear:both; width:100%; height:585px; text-align:center; background:url('main_bg.jpg') repeat-x center top;}
.wrap_main .spot_images{overflow:hidden;height:585px;}
.wrap_main .spot_images .spot_image1, .wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4, .wrap_main .spot_images .spot_image5, .wrap_main .spot_images .spot_image6, .wrap_main .spot_images .spot_image7, .wrap_main .spot_images .spot_image8 {position:absolute;top:0;left:0;z-index:6;width:100%;height:585px;text-align:center; margin-top:70px;}
.wrap_main .spot_images .spot_image2, .wrap_main .spot_images .spot_image3, .wrap_main .spot_images .spot_image4, .wrap_main .spot_images .spot_image5, .wrap_main .spot_images .spot_image6, .wrap_main .spot_images .spot_image7,  .wrap_main .spot_images .spot_image8 {opacity:0;filter:alpha(opacity=0)}
.wrap_main .spot_images .image{position:relative; width:1260px; height:585px; margin:0 auto; text-align:center; }
.wrap_main .spot_image1 .image{background:url('main01.jpg') no-repeat 50% 0;}
.wrap_main .spot_image2 .image{background:url('main02.jpg') no-repeat 50% 0;}
.wrap_main .spot_image3 .image{background:url('main03.jpg') no-repeat 50% 0;}
.wrap_main .spot_image4 .image{background:url('main04.jpg') no-repeat 50% 0;}
.wrap_main .spot_image5 .image{background:url('main05.jpg') no-repeat 50% 0;}
.wrap_main .spot_image6 .image{background:url('main06.jpg') no-repeat 50% 0;}
.wrap_main .spot_image7 .image{background:url('main07.jpg') no-repeat 50% 0;}
.wrap_main .spot_image8 .image{background:url('main08.jpg') no-repeat 50% 0;}

.spot_static{ height:79px; width:1120px; padding-left:10px; text-align:center; margin: auto; position: relative; clear:both; z-index:10;}

.wrap_main .spot_static .page{float:left; z-index:20;}
.wrap_main .spot_static .page a{float:left; width:150px; height:79px; border:0;background:url('main_btn01.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page a:hover{float:left; width:150px; background-image:url('main_btn01_up.gif');}
.wrap_main .spot_static .page a.on{float:left; width:150px; background-image:url('main_btn01_up.gif');}

.wrap_main .spot_static .page2{float:left; z-index:20;}
.wrap_main .spot_static .page2 a{float:left; width:150px; height:79px; border:0;background:url('main_btn02.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page2 a:hover{float:left; width:150px; background-image:url('main_btn02_up.gif');}
.wrap_main .spot_static .page2 a.on{float:left; width:150px; background-image:url('main_btn02_up.gif');}

.wrap_main .spot_static .page3{float:left; z-index:20;}
.wrap_main .spot_static .page3 a{float:left; width:150px; height:79px; border:0;background:url('main_btn03.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page3 a:hover{float:left; width:150px; background-image:url('main_btn03_up.gif');}
.wrap_main .spot_static .page3 a.on{float:left; width:150px; background-image:url('main_btn03_up.gif');}

.wrap_main .spot_static .page4{float:left; z-index:20;}
.wrap_main .spot_static .page4 a{float:left; width:150px; height:79px; border:0;background:url('main_btn04.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page4 a:hover{float:left; width:150px; background-image:url('main_btn04_up.gif');}
.wrap_main .spot_static .page4 a.on{float:left; width:150px; background-image:url('main_btn04_up.gif');}

.wrap_main .spot_static .page5{float:left; z-index:20;}
.wrap_main .spot_static .page5 a{float:left; width:150px; height:79px; border:0;background:url('main_btn05.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page5 a:hover{float:left; width:150px; background-image:url('main_btn05_up.gif');}
.wrap_main .spot_static .page5 a.on{float:left; width:150px; background-image:url('main_btn05_up.gif');}

.wrap_main .spot_static .page6{float:left; z-index:20;}
.wrap_main .spot_static .page6 a{float:left; width:150px; height:79px; border:0;background:url('main_btn06.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page6 a:hover{float:left; width:150px; background-image:url('main_btn06_up.gif');}
.wrap_main .spot_static .page6 a.on{float:left; width:150px; background-image:url('main_btn06_up.gif');}

.wrap_main .spot_static .page7{float:left; z-index:20;}
.wrap_main .spot_static .page7 a{float:left; width:150px; height:79px; border:0;background:url('main_btn07.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page7 a:hover{float:left; width:150px; background-image:url('main_btn07_up.gif');}
.wrap_main .spot_static .page7 a.on{float:left; width:150px; background-image:url('main_btn07_up.gif');}

.wrap_main .spot_static .page8{float:left; z-index:20;}
.wrap_main .spot_static .page8 a{float:left; width:110px; height:79px; border:0; color:#ddd; font-size:15px; padding:20px 0 0 30px; text-align:left; background:url('main_btn.gif') no-repeat;cursor:pointer;}
.wrap_main .spot_static .page8 a:hover{float:left; width:110px; background-image:url('main_btn_up.gif');}
.wrap_main .spot_static .page8 a.on{float:left; width:110px; background-image:url('main_btn_up.gif');}

#main{ margin: auto; position: relative; clear:both; background-color:#fdfdfd; height:360px; padding-top:26px; }
#intro{ width:1130px; margin:auto; position:relative; text-align:left; clear:both;}
#intro1{ width:1130px; height:47px; background-image:url(intro_top.jpg); background-repeat: no-repeat;}
#intro1 .span1{ color:#482c17; text-align:left; font-size:15px; font-weight:bold; padding-top:2px; padding-left:65px;}
#intro2{ width:1130px; height:250px; background-image:url(intro_bg.jpg); background-repeat: repeat-y;}
#intro3{ width:1130px; height:18px; background-image:url(intro_bottom.jpg); background-repeat: no-repeat;}
#intros{ font-family:"宋体"; font-size:13px; line-height:20px; padding-left:10px; padding-right:8px; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph;}
#intros img{ border:#eaeaea solid 2px; margin-right:7px;}
#intros p{ padding-top:11px;}

#info{ height:auto; padding-top:40px; padding-bottom:60px; margin: auto; position: relative; clear:both; background-color:#f6f3ea; background-image:url(infobg.jpg); background-repeat:repeat-x; }
#info1{ width:1130px; height: auto; padding-bottom:40px; margin: auto; position: relative; clear:both;}
#info11{ width:1130px; height:54px; background-image:url(info_top.jpg); background-repeat: no-repeat;}
#info11 .span1{ color:#482c17; text-align:center; font-size:15px; font-weight:bold; padding-top:5px;}
#info12{ width:1130px; clear: both; overflow: hidden; background-image:url(info_bg.jpg); background-repeat: repeat-y; padding:0 0 0 10px}
#info13{ width:1130px; height:12px; background-image:url(info_bottom.jpg); background-repeat: no-repeat;}

.marquee{ height:245px; clear:both; overflow: hidden;}

#news{ width:1130px; margin:auto; position:relative; text-align:left; clear:both; }
#news1{ width:1130px; height:47px; background-image:url(news_top.jpg); background-repeat: no-repeat;}
#news1 .span1{ color:#482c17; text-align:left; font-size:15px; font-weight:bold; padding-top:5px; padding-left:57px;}
#news2{ width:100%; height:420px; background-image:url(news_bg.jpg); background-repeat: repeat-y;}
#news3{ width:1130px; height:18px; background-image:url(news_bottom.jpg); background-repeat: no-repeat;}
#middle{ width:25px; float:left;}

#zixun{ width:900px; margin:auto; position:relative; text-align:left; clear:both; height:225px;}
#zixunl{ width:190px; float:left;}
#zixunr{ width:660px; float:left; margin-left:15px; margin-top:10px; text-align:justify; text-justify:inter-ideograph;}
#zixun ul{ list-style-type:none;}
#zixun li{ background-image:url(marker.png); background-position:left; background-repeat:no-repeat; padding-left:25px; padding-top:3px; padding-bottom:3px; list-style:none;}
#zixun li a{ font-size:14px; font-weight:bold; text-decoration:none;}

#newsline{ width:96%; margin: auto; position: relative; clear:both; padding-left:30px; }
#newsline ul{ list-style-type:none; padding-top:0px;}
#newsline li{ float:left; width:30%; background-image:url(marker.png); background-position:left; background-repeat:no-repeat; padding-left:20px; padding-top:3px; padding-bottom:3px; list-style:none;}
#newsline li a{ font-size:13px; text-decoration:none;}
#newsline li div a{ font-size:13px; text-decoration:none;}

#main1{ width:1010px; height:22px; margin: auto; position: relative; clear:both; padding-top:30px; padding-bottom:10px;}
#main11{ width:956px; float:left;}
#main12{ float:right; padding-top:7px;}
#main2{ width:1010px; height:160px; margin: auto; position: relative; clear:both; background-image:url(yg.jpg); background-position:left; background-repeat:no-repeat;}
#main21{ width:300px; float:left;}
#main22{ width:710px; float:left; padding-top:0px; line-height:18px; font-size:13px; letter-spacing:1px; text-align:justify; text-justify:inter-ideograph;}

#topimg{ height: 400px; background-image:url(top.jpg); background-position:top center; background-repeat: repeat-x; margin: auto; position: relative; clear:both; }

#mainbg{ margin: auto; position: relative; clear:both; padding-top:40px; background-color:#fdfdfd; min-height:700px; background-image:url(main-topbg.gif); background-position:top; background-repeat:repeat-x;}
#about{ width:1140px; margin:auto; position:relative; text-align:left; clear:both;}
#about1{ width:208px; text-align:left; float:left;}
#about2{ width:900px; text-align:left; float:left;background-image:url(about_bg.jpg); min-height:700px; }
#about3{ width:32px; float:left;}
#aboutbt{ width:1140px; margin:auto; position:relative; text-align:right; clear:both; padding-bottom:30px; }
#about1 ul{ list-style-type:none;}
#about1 ul li{ width:208px;}
#about1 ul li a{ color:#432a11; font-family:"微软雅黑","宋体"; font-size:14px; font-weight:bold; text-decoration:none;}
#about1 ul li a:hover{ color:#630205; font-family:"微软雅黑","宋体"; font-size:14px; font-weight:bold; text-decoration:none;}
#about1 ul li div{ padding-left:12px; padding-top:8px; }
#about1 .pdt1{ height:45px; background-image:url(left_02.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt2{ height:45px; background-image:url(left_03.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt3{ height:45px; background-image:url(left_04.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt4{ height:45px; background-image:url(left_05.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt5{ height:45px; background-image:url(left_06.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt6{ height:45px; background-image:url(left_07.jpg); background-position:left; background-repeat:no-repeat;}
#about1 .pdt7{ height:46px; background-image:url(left_08.jpg); background-position:left; background-repeat:no-repeat;}

#about11{ width:208px; text-align:left; float:left;}
#about11 ul{ list-style-type:none;}
#about11 ul li{ width:208px;}
#about11 ul li a{ color:#432a11; font-family:"微软雅黑","宋体"; font-size:14px; font-weight:bold; text-decoration:none;}
#about11 ul li a:hover{ color:#630205; font-family:"微软雅黑","宋体"; font-size:14px; font-weight:bold; text-decoration:none;}
#about11 ul li div{ padding-left:22px; padding-top:8px; }
#about11 .pdt1{ height:45px; background-image:url(left_02.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt2{ height:45px; background-image:url(left_03.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt3{ height:45px; background-image:url(left_04.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt4{ height:45px; background-image:url(left_05.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt5{ height:45px; background-image:url(left_06.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt6{ height:45px; background-image:url(left_07.jpg); background-position:left; background-repeat:no-repeat;}
#about11 .pdt7{ height:46px; background-image:url(left_08.jpg); background-position:left; background-repeat:no-repeat;}


#title{ height:43px; background-image:url(title_bg.jpg); clear:both;}
#title1{ width:205px; text-align:center; float:left; padding-top:3px; font-size:15px; font-weight:bold;}
#title2{ font-size:12px; text-align:right; float:right; padding-top:12px; padding-right:15px;}
#title3{ height:80px; clear:both;}

#product{ width:1100px; margin:auto; position: relative; text-align:left; clear:both;}


#bases{ width:760px; margin:auto; position: relative; text-align:left; clear:both;}
#base{ width:240px; float:left; padding-top:25px; margin-left:0px; vertical-align:bottom;}
#base img{ border: #bbb 1px solid; padding:1px;}
#base #titles{width:243px; height:20px; margin-top:6px; padding-top:8px; padding-bottom:8px; text-align:center; font-size:13px; background-image:url(titlebg.gif); background-color:#a7d4bb; }
#base1{ width:240px; float:left; padding-top:25px; margin-left:18px; margin-right:18px; vertical-align:bottom;}
#base1 img{ border: #bbb 1px solid; padding:1px;}
#base1 #titles{width:243px; height:20px; margin-top:6px; padding-top:8px; padding-bottom:8px; text-align:center; font-size:13px; background-image:url(titlebg.gif); background-color:#a7d4bb; }


#newpadding{ width:20px; float:left;}

#newproduct{ width:275px; height:410px; text-align:center; float:left; margin-right:20px;}
#newproduct img{ max-height:309px; max-width:244px;}
#newproduct #titles{ background-color:#eee6dd; width:270px; border:#ddd1c3 solid 1px; height:20px; margin-top:6px; padding-top:8px; padding-bottom:8px; text-align:center; font-size:13px;}
#new_product{ width:275px; height:410px; text-align:center; float:left;}
#new_product img{ max-height:309px; max-width:244px;}
#new_product #titles{ background-color:#eee6dd; width:270px; border:#ddd1c3 solid 1px; height:20px; margin-top:6px; padding-top:8px; padding-bottom:8px; text-align:center; font-size:13px;}
#newproductbg{ width:275px; height:344px; display: table-cell; vertical-align: middle; background-image:url(product_bg.jpg); background-repeat:no-repeat;}

#product1{ width:235px; height:370px; text-align:center; float:left; margin-right:20px; margin-left:20px;}
#product1 img{ max-height:253px; max-width:200px;}
#product1 #titles{ background-color:#eee6dd; width:225px; border:#ddd1c3 solid 1px; height:40px; margin-top:6px; padding-top:8px; padding-bottom:8px; text-align:center; font-size:13px;}

#productbg{ width:225px; height:282px; display: table-cell; vertical-align: middle; background-image:url(pd_bg.jpg); background-repeat:no-repeat;}

.content{ line-height:20px; font-size:13px; letter-spacing:1px; padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:30px; text-align:justify; text-justify:inter-ideograph;}
.content img{ border: #ddd 1px solid; padding:1px;}
.contents{ line-height:20px; font-size:13px; letter-spacing:1px; padding-left:16px; padding-right:10px; padding-top:10px; padding-bottom:30px; text-align:justify; text-justify:inter-ideograph;}
.contentp{ line-height:20px; font-size:13px; letter-spacing:1px; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:30px; text-align:justify; text-justify:inter-ideograph;}
.contentp img{ padding:10px; padding-right:35px; padding-left:15px;}
.contentp table{ width:100%; margin-top:20px;}
.contentp table td{ padding:10px; border:#beab98 solid 2px;}


.aboutus{ line-height:25px; font-size:13px; padding-top:10px; text-align:justify; text-justify:inter-ideograph;}
.address{ font-size:12px; color:#666;}
.copyright{	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

.detail{ line-height:25px; font-size:13px; letter-spacing:1px; padding-left:25px; padding-right:25px; padding-top:10px; text-align:justify; text-justify:inter-ideograph;}
.detail img{ border: #ddd 1px solid; padding:1px;}
.detail p{ padding-bottom:5px;}
.detail div{ padding-bottom:5px;}

.border{ border:#ddd 1px solid; padding:1px;}
.borders{ border:#00b7f3 1px solid; padding:1px;width:764px; height:274px;}
.wborder{ border:#00b7f3 1px solid; padding:1px;width:232px; height:288px;}
.news{ line-height:20px; font-size:13px; padding-left:25px; padding-right:25px; padding-top:10px; text-align:justify; text-justify:inter-ideograph;}

.title1 {font-size:13px; color: #432a11; letter-spacing:1px; font-weight:bold;}
.title2 {font-size:15px; color: #432a11; letter-spacing:1px; font-weight:bold;}
.title3 {font-size:14px; color: #432a11; letter-spacing:1px; font-weight:bold;}
.title4 {font-size:17px; line-height:30px; font-weight:bold; color: #432a11;}
a.title3:link {font-size:12px; text-decoration: none}
a.title3:visited {font-size:12px; text-decoration: none}
a.title3:active {font-size:12px; text-decoration: none}
a.title3:hover {font-size:12px; text-decoration: none}

#pages{ width:820px; padding-top:13px; padding-bottom:10px; padding-right:10px; margin:auto; position: relative; clear:both;}
#page{ width:100%; padding-top:10px; padding-bottom:10px; text-align:center; background-color:#eee6dd; border:#c6b7a5 solid 1px;}
#links{ display:none;}
.gray{color:#777; font-size:13px;}

#bottom{ margin: auto; position: relative; clear:both; background-image:url(bottom_bg.jpg); height:120px; border-top:#6e3f09 solid 4px;}
#btbt{ width:1130px; text-align:left; margin:auto; position:relative; clear:both; padding-top:25px;}
#btlogo{ float:left; width:202px; height:62px;}
#btadd{ float:left; font-size:12px; color:#333;}
#btadd a{ font-size:12px; color:#8f601a;}