@charset "utf-8";
/* CSS Document */
body { margin:0px; text-align:center; font-size:12px; color:#33333; padding:0; font-family:"MS Mincho"; background-color:#2D2C2A; }
img { border:0px;  }
ul,ol{list-style-type: none; margin:0px; padding:0;  }
div,form,h1,dl,dt,dd,ul,ol,li,table,td,th,p{ margin:0; padding:0; list-style:none; }
td { font-size:12px; line-height:20px;}
h2,h3,h4,h5,h6{	padding:0; margin:0px 0 2px 0;}
h1{ font-size:20px; font-family:""; font-weight: normal; margin:8px 0 12px 0; text-align:center; }

a:link,a:visited,a:active { text-decoration:none; color:#333333; }
a:hover { text-decoration:underline; color:#0000CC;  }

.blank1 { clear:both; height:1px; overflow:hidden; }
.blank1_a { clear:both; height:1px; overflow:hidden; background-color:#DEDAD9;}

.blank2 { clear:both; height:2px; overflow:hidden;}

.blank2_1 { clear:both; height:2px; background-color:#DEDAD9; overflow:hidden;}

.blank3 { clear:both; height:3px; overflow:hidden; }
.blank4 { clear:both; height:4px; overflow:hidden; }	
	
.blank5 { clear:both; height:5px; overflow:hidden; }
.blank5_1 { clear:both; height:5px; overflow:hidden; background-color:#FFFFFF;}
.blank6 { clear:both; height:6px; overflow:hidden; }
.blank7 { clear:both; height:7px; overflow:hidden; }

.blank8 { clear:both; height:8px; overflow:hidden; }
.blank10 { clear:both; height:10px; overflow:hidden; }
.blank15 { clear:both; height:15px; overflow:hidden; }

.blank20 { clear:both; height:20px; overflow:hidden; }
.blank45 { clear:both; height:45px; overflow:hidden; }

.blank_top { clear:both; height:6px; background-color:#888483; overflow:hidden;}
.blank_line { clear:both; margin:auto; height:5px; background:url(line.gif) left top no-repeat; overflow:hidden; width:930px;}
.blank_bg { clear:both; margin:auto; height:3px; background-color:#00B4C2; overflow:hidden;}

#head{ clear:both; margin:auto; width:920px; padding:5px; height:86px; position:relative; background-color:#FFFFFF; }
#head .logo{ float:left;  clear:left;  width:643px; height:86px; padding:0 0 0px 0;text-align:left;}
#head .logo img { border:0px; }
#head .r { float:right; width:250px; line-height:16px; height:72px; background:url(map.gif) right top no-repeat;}
#head .toplink { float:right; width:250px; height:14px;  color:#087592; padding-right:10px; }
#head .toplink li { float:right; text-align:right; color:#087592;}
#head .toplink li a:link,
#head .toplink li a:active,
#head .toplink li a:visited {  color:#087592; text-decoration:none; }
#head .toplink li a:hover{  color:#087592; text-decoration:underline;  }
#banner { clear:both; margin:auto; width:930px; height:115px; overflow:hidden; }
#banner img { border:0;}

#head .r1 { float:right; width:160px; height:16px; }
#head .r1 li { display:inline; font-size:11px; color:#CAB9A5;}
#head .r1 li.left { float:left; background:url(top_navbg.gif) right 5px no-repeat; padding:0 8px 0 8px;  }
#head .r1 li.right { float:left; padding:0 8px 0 8px;  }
#head .r1 li a:link,
#head .r1 li a:active,
#head .r1 li a:visited { color:#CAB9A5;  text-decoration:none; line-height:16px; }
#head .r1 li a:hover{ color:#CAB9A5; text-decoration:underline; line-height:16px;  }
#head .r2 { float:right; width:145px; color:#FFFFFF; font-size:11px; height:17px; padding:2px 0px 0 10px; background:url(date_bg.gif) left top no-repeat; text-align:left;}


/* menu */
#menu { clear:both; margin:auto;width:930px; height:32px; font-size:14px; background:url(menu_bg.gif) left top repeat; }
#menu li{ display:inline; float:right; margin:0 3px 0 3px; color:#505050; line-height:32px; font-family:"MS Mincho"; font-weight:bold;}
#menu li.left { float:right; background:url(menu_g.gif) right top no-repeat; padding:0 19px 0 5px;  }
#menu li.right { float:right; padding:0 10px 0 5px;  }
#menu li a{ color:#505050; line-height:32px; margin:0 5px 0 5px;}
#menu li a:hover{ color:#0085A0; line-height:32px}
#menu li a:visited,
#menu li a:active{ color:#505050; line-height:32px;}

/*main*/
#contant { margin:auto; clear:both; width:930px; background:url(c_bg.gif) left top repeat-y;}
#contant1 { margin:auto; clear:both; width:930px; background:url(con_bg.gif) left top repeat-y;}
#contant2 { margin:auto; clear:both; width:930px; background:url(con_bg1.gif) left top repeat-y;}

.banner { width:820px; float:left}
.banner img { border:0;}
.partleft{ float:left; width:225px; clear:left; padding-left:5px; background-color:#007890; }
.partright{ float:right;  width:695px; padding-left:5px;}
.partright .p_left { float:left; width:510px;}
.partright .p_right { float:right; width:180px; background-color:#007890; padding-left:5px;}
.partright .p_right1 { float:right; width:185px;}


#foot{ clear:both; margin:auto; width:920px; padding:5px; height:40px; text-align:center; }
#foot ul { clear:both; width:100%; text-align:center; line-height:25px; font-size:12px; color:#ffffff; }
#foot li { display:inline; padding-left:3px; padding-right:3px; }
#foot li span { font-size:10px;}
#foot li a:link,
#foot li a:active,
#foot li a:visited { color:#FFFFFF; text-decoration:none; line-height:25px; }
#foot li a:hover{ color:#FFFFFF; text-decoration:underline; line-height:25px;  }
#foot .copyright { clear:both; line-height:15px; font-size:12px; color:#B8B8B7; }

.page { line-height:20px; font-size:12px; text-align:center; clear:both; height:20px; background-color:#EBEBEB;  padding:0px; margin:10px 0 0 0;  }
.page span { margin:0 4px 0 4px;}
.page span a:link,
.page span a:active,
.page span a:visited { margin:0 4px 0 4px; }
.page span a:hover{  margin:0 4px 0 4px;}
.page .current {margin:0 4px 0 4px; }
.page .current a:link,
.page .current a:active,
.page .current a:visited { margin:0 4px 0 4px; }
.page .current a:hover{  margin:0 4px 0 4px;}
.page .nextprev {margin:0 8px 0 8px;}
.page .nextprev a:link,
.page .nextprev a:active,
.page .nextprev a:visited { margin:0 8px 0 8px; }
.page .nextprev a:hover{  margin:0 8px 0 8px;}

/* box */
.stylebox { clear:both; }
.stylebox .title{ clear:both; font-size:12px;color:#fff; height:30px; line-height:30px;text-align:left; font-weight:bold; padding-left:10px;  position:relative; }
.stylebox .title a:link,
.stylebox .title a:visited,
.stylebox .title a:active { font-size:14px; color:#FFF; text-decoration:none;  }
.stylebox .title a:hover{ font-size:14px; color:#FFF; text-decoration:underline; }
.stylebox .title .viewmore{ position:absolute; right:10px; top:0px;  font-weight:normal; font-size:11px; }
.stylebox .title .viewmore a:link,
.stylebox .title .viewmore a:visited,
.stylebox .title .viewmore a:active { color:#fff; font-size:12px; text-decoration:none;  }
.stylebox .title .viewmore a:hover{ color:#fff; font-size:12px; text-decoration:underline; }

.stylebox { clear:both; }
.stylebox .title1{ clear:both; font-size:12px;color:#505050; height:33px; line-height:33px;text-align:left; font-weight:bold; padding-left:10px;  position:relative; }
.stylebox .title1 a:link,
.stylebox .title1 a:visited,
.stylebox .title1 a:active { font-size:14px; color:#505050; text-decoration:none;  }
.stylebox .title1 a:hover{ font-size:14px; color:#505050; text-decoration:underline; }
.stylebox .title1 .viewmore{ position:absolute; right:10px; top:0px;  font-weight:normal; font-size:11px; }
.stylebox .title1 .viewmore a:link,
.stylebox .title1 .viewmore a:visited,
.stylebox .title1 .viewmore a:active { color:#505050; font-size:12px; text-decoration:none;  }
.stylebox .title1 .viewmore a:hover{ color:#505050; font-size:12px; text-decoration:underline; }

.stylebox .title2{ clear:both; font-size:12px;color:#fff; height:33px; line-height:33px;text-align:left; font-weight:bold; padding-left:10px;  position:relative; }
.stylebox .title2 a:link,
.stylebox .title2 a:visited,
.stylebox .title2 a:active { font-size:14px; color:#FFF; text-decoration:none;  }
.stylebox .title2 a:hover{ font-size:14px; color:#FFF; text-decoration:underline; }
.stylebox .title2 .viewmore{ position:absolute; right:10px; top:0px;  font-weight:normal; font-size:11px; }
.stylebox .title2 .viewmore a:link,
.stylebox .title2 .viewmore a:visited,
.stylebox .title2 .viewmore a:active { color:#fff; font-size:12px; text-decoration:none;  }
.stylebox .title2 .viewmore a:hover{ color:#fff; font-size:12px; text-decoration:underline; }

.stylebox .title3{ clear:both; font-size:12px;color:#505050; height:33px; line-height:33px;text-align:left;padding-left:10px;  position:relative; }
.stylebox .title3 a:link,
.stylebox .title3 a:visited,
.stylebox .title3 a:active { font-size:12px; color:#505050; text-decoration:none;  }
.stylebox .title3 a:hover{ font-size:12px; color:#505050; text-decoration:underline; }
.stylebox .title3 .viewmore{ position:absolute; right:10px; top:0px;  font-weight:normal; font-size:11px; }
.stylebox .title3 .viewmore a:link,
.stylebox .title3 .viewmore a:visited,
.stylebox .title3 .viewmore a:active { color:#505050; font-size:11px; text-decoration:none;  }
.stylebox .title3 .viewmore a:hover{ color:#505050; font-size:11px; text-decoration:underline; }


.stylebox .body { clear:both; text-align:left; padding:5px; background-color:#01A4C3; overflow:hidden;  }
.stylebox .body1 { clear:both; text-align:left; padding:5px; background-color:#FFFFFF; overflow:hidden; height:1%;  }
.stylebox .body2 { clear:both; text-align:left; padding:5px; background:url(text_bg1.gif) left top no-repeat; overflow:hidden;  }
.stylebox .body3 { clear:both; text-align:left; padding:5px; background:url(text_bg2.gif) left top repeat-y; overflow:hidden;  }
.stylebox .body4 { clear:both; text-align:left; padding:5px 5px 0 5px; background-color:#FFFFFF; overflow:hidden; height:1%;  }
.stylebox .body5 { clear:both; text-align:left; background-color:#01A4C3; overflow:hidden;  }

.t_bg1{ background:url(title_bg3.gif) repeat-x left top;  }
.t_bg2{ background:url(title_bg1.gif) repeat-x left top; }
.t_bg3{ background:url(title_bg2.gif) repeat-x left top; }


.border_1{ background:url(border_1.gif) left top no-repeat; height:8px; overflow:hidden;}
.border_2{ background:url(border_2.gif) left top no-repeat; height:9px; overflow:hidden;}
.border_3{ background:url(border_3.gif) left top no-repeat; height:7px; overflow:hidden;}
.border_4{ background:url(border_4.gif) left top no-repeat; height:10px; overflow:hidden;}
.pic { clear:both; text-align:center; width:196px; height:78px; padding:10px 0 0 7px;}
.pic img { border:0;}

/*li*/
.style1 { text-align:left; width:215px;}
.style1 li.ys1 { height:26px; font-weight:bold; line-height:26px; background:url(text_bg.gif) no-repeat top left; padding:3px 0 0 16px;  color:#fff; }
.style1 li.ys2 { height:18px; line-height:18px; background:url(icon.gif) no-repeat 30px 18px; padding:10px 0 0 40px; color:#fff; }

.style1 li a:link,
.style1 li a:visited { color:#fff;}
.style1 li a:active { text-decoration:none; color:#fff; }
.style1 li a:hover{ text-decoration:underline; font-weight:bold; color:#fff;  }


.style2 { text-align:left; font-family:Arial, Helvetica, sans-serif; }
.style2 li.q1 { height:35px; font-weight:bold; line-height:35px; background:url(q_1.gif) no-repeat top left; padding:0 0 0 30px;  color:#fff; }
.style2 li.q2 { height:35px; font-weight:bold; line-height:35px; background:url(q_2.gif) no-repeat top left; padding:0 0 0 30px;  color:#fff; }
.style2 li.q3 { height:35px; font-weight:bold; line-height:35px; padding:0 0 0 8px;  color:#fff; }
.style2 li a:link,
.style2 li a:visited { color:#fff;}
.style2 li a:active { text-decoration:none; color:#fff; }
.style2 li a:hover{ text-decoration:underline; font-weight:bold; color:#fff;  }

.style3 { clear:both; padding-left:5px; }
.style3 li { margin:0; font-size:12px; text-align:left; color:#505050;  line-height:22px; }
.style3 li span { font-weight:bold; color:#008DA8; }
.style3 li a:link,
.style3 li a:visited { color:#505050;}
.style3 li a:active { text-decoration:none; color:#505050; }
.style3 li a:hover{ text-decoration:underline;color:#505050;  }

.style4 { text-align:left; }
.style4 li { line-height:22px; background:url(icon1.gif) no-repeat 6px 8px; padding:0px 0 0 15px; color:#fff; }
.style4 li span { font-size:11px; font-family:Arial, Helvetica, sans-serif; }

.style5 { text-align:left; }
.style5 li { clear:both; text-align:center;  padding:6px 0 6px 0;  }
.style5 li img { border:1px #cccccc solid; padding:2px;background-color:#FFFFFF; width:128px; height:86px;}

.style6 { clear:both; float: left;}
.style6 li { float:left; width:200px; height:22px; text-align:left; line-height:22px; background:url(icon2.gif) no-repeat 6px 9px; padding:0px 0 0 15px; color:#505050; }

.style7 { clear:both; float: left;}
.style7 li { float:left; text-align:left; width:154px; height:54px; padding:0px 0 0 15px;  }
.style7 li img { float:left; border:#ccccc 1px solid; padding:1px; width:120px; height:50px;}

.style8 { clear:both; padding-left:5px; }
.style8 li { margin:0; font-size:12px; text-align:left; color:#505050;  line-height:22px; }
.style8 li span { font-size:12px; font-weight:bold;text-align:left; background-color:#24AFCB; color:#ffffff; padding:2px 10px 2px 10px; line-height:16px; height:16px; margin:2px 0 2px 0;  }

.listpic0{ float:left; width:118px; padding:5px 23px 10px 20px;}
.listpic0 .pic{ float:left; text-align:center; border:1px #ccc solid; width:116px; height:96px; overflow:hidden; position:relative;  }
.listpic0 .pic p{ position:static; +position:absolute; top:50% }
.listpic0 .pic img { position:static; +position:relative; top:-50%;left:-50%; width:116px; text-align:center; vertical-align:middle; border:0px; }
.listpic0 .con {float:left; width:118px; text-align:left; line-height:18px; height:54px; overflow:hidden; }
.listpic0 .con h2{ font-size:12px; font-weight:normal;line-height:18px; color:#505050; word-wrap:break-word; overflow:hidden; text-align:center;}
.listpic0 .con .h02{ font-size:14px; color:#7B2E00;}

.listpic1{ float:left; width:202px; margin:0 241px 0 242px; }
.listpic1 .pic{ float:left; text-align:center; border:1px #ccc solid; width:200px; height:165px; overflow:hidden; margin-bottom:10px; position:relative;  }
.listpic1 .pic p{ position:static; +position:absolute; top:50% }
.listpic1 .pic img { position:static; +position:relative; top:-50%;left:-50%; width:200px; text-align:center; vertical-align:middle; border:0px; }
.listpic1 .con {float:left; width:202px; text-align:center; line-height:25px; }
.listpic1 .con h2{  font-size:14px; font-weight:bold;line-height:25px; color:#ffffff; word-wrap:break-word; background-color:#04A6C4; overflow:hidden; text-align:center;}
.listpic1 .con .h02{ font-size:12px; color:#505050;  }


.search { float:left; width:215px; }
.search .s1 { float:left; width:75px; color:#fff; line-height:25px; text-align:right; padding-right:5px; font-size:12px;}
.search .s2 { float:right; width:130px; text-align:left;line-height:25px; height:25px;padding-left:5px;}
.input { background-color:#FFFFFF; width:120px; height:15px; margin-top:5px; border:0;}
.search .s3 { clear:both; text-align:center; height:15px; line-height:15px;}

.links { float:left; width:685px; }
.links .lt { float:left; text-align:left; color:#FFFFFF; background-color:#04A6C4; line-height:20px; height:20px; padding-left:10px; padding-right:10px; }
.links .lcon { float:left; width:685px;text-align:left; margin-top:5px;}
.links .lcon li { float:left; width:210px; line-height:22px; background:url(icon3.gif) left 10px no-repeat; padding-left:5px;}
.links .lpic { float:left; width:685px; margin-top:5px;}
.links .lpic li{ float:left; width:120px; height:50px; margin:10px 20px 3px 25px; border:#cccccc 1px solid; padding:1px;}
.links .lpic li img { border:0; }


.contact { float:left; width:670px; padding-left:10px;}
.contact .c1 { float:left; width:480px;}
.contact .c1 .a { float:left; width:100px; font-weight:bold; color:#008DA8; line-height:22px; text-align:right; padding-right:5px;}
.contact .c1 .b { float:left; width:360px; line-height:22px;}
.contact .c2 { float:right; width:190px; text-align:right;}
.contact .c2 img { border:0;}
.contact .c3 { float:left; width:460px; line-height:28px; text-align:left; font-size:14px; color:#505050; }

.pro { float:left; width:680px; }
.pro .p1 { float:left; width:520px; }
.pro .p2 { float:right; width:160px;}
.pro .p2 img { border:0;}
.pro .p2 p { text-align:center; color:#03829B; line-height:20px; height:20px; font-weight:bold;}
.pro .p2 p a:link,
.pro .p2 p a:visited,
.pro .p2 p a:active { text-decoration:underline; color:#03829B;  }
.pro .p2 p a:hover{ text-decoration:underline; font-weight:bold;  color:#03829B; }
.pro .p3 { float:left; width:660px; padding:0 10px 5px 10px; border-bottom:#cccccc 1px dashed; margin-bottom:5px; }


.pro1 { float:left; width:685px;}
.pro1 .p_1{ clear:both; width:202px; float:left; }
.pro1 .p_1 .order { width:125px; margin-left:40px; font-size:14px; font-weight:bold;line-height:25px; color:#5E5000; word-wrap:break-word; background:url(xunpan_bg.gif) left top no-repeat; overflow:hidden; text-align:center; line-height:24px; height:24px; }
.pro1 .p_1 .order a:link,
.pro1 .p_1 .order a:visited,
.pro1 .p_1 .order a:active { text-decoration:none; color:#5E5000;  }
.pro1 .p_1 .order a:hover{ text-decoration:underline; font-weight:bold;  color:#5E5000; }
.pro1 .p_1 img { border:0; width:200px; height:165px; border:#ccccc 1px solid;}
.pro1 .p_2 { float:right; width:450px;}
.pro1 .p_3 { float:left; width:685px;  }
.pro1 .p_3 h2 { font-size:12px; background-color:#F4F4F4; line-height:22px; height:22px; text-align:left; padding-left:5px; padding-top:1px; color:#505050; font-weight:bold; margin:15px 0 5px 0;}
.pro1 .p_3 .tb {clear:both; text-align:left; padding:5px; background-color:#FFFFFF; overflow:hidden; height:1%; line-height:22px; }
.pro1 .p_4 { float:left; width:100%; margin:0 0 10px 0; text-align:center; background-color:#E1F6FA; height:24px; line-height:24px; }
.pro1 .p_4 h2{ padding:1px 0 2px 0; color:#333333; font-weight:bold; font-size:14px;}

.pro2 { float:left; width:685px; border-top:#CCCCCC 1px dashed; }
.pro2 .p_1 { float:left; width:685px; }
.pro2 .p_1 h2 { font-size:12px; background-color:#F4F4F4; line-height:22px; height:22px; text-align:left; padding-left:5px; padding-top:1px; color:#505050; font-weight:bold; margin:5px 0 5px 0;}

.listpic2{ float:left; width:102px; padding:5px 18px 10px 15px; height:136px;}
.listpic2 .pic{ float:left; text-align:center; border:1px #ccc solid; width:100px; height:82px; overflow:hidden; position:relative;  }
.listpic2 .pic p{ position:static; +position:absolute; top:50% }
.listpic2 .pic img { position:static; +position:relative; top:-50%;left:-50%; width:116px; text-align:center; vertical-align:middle; border:0px; }
.listpic2 .con {float:left; width:102px; text-align:left; line-height:18px; height:54px; overflow:hidden; }
.listpic2 .con h2{ font-size:12px; font-weight:normal;line-height:18px; color:#505050; word-wrap:break-word; overflow:hidden; text-align:center;}
.listpic2 .con .h02{ font-size:14px; color:#7B2E00;}