﻿@charset "utf-8";
/* CSS Document */
html{ font-size:12px;}
.top{ height:95px; }
.head{width:1000px; margin:0 auto;}
.logo{ float:left;width:200px; height:90px;}
.logo img{width:200px; height:90px;}
.topnav{ float:right; color:#333; text-align:right; padding-top:10px; font:12px "微软雅黑";}
.topnav p{ line-height:30px;}
.topnav a{ color:#333;}
.topnav a:hover{ color:#333;}



.nav{ height:32px; background:url(nav_bg.gif) repeat-x; padding-bottom:5px}
.nav ul{ width:1000px; height:32px; margin:0 auto;border-left:1px solid #ddd;}
.nav ul li{ width:165px; height:32px; float:left; text-align:center; border-right:1px solid #ddd;}
.nav ul li.active{ background:none;}
.nav ul li a{ color:#333; font: bold 14px/35px "微软雅黑"; text-decoration:none; display:block;}
.nav ul li a:hover{ color:#0080C0;}




.banner{ width:100%; max-width:1440px;height:auto;max-height:400px;min-height:200px;  overflow:hidden; position:relative; margin:5px auto; text-align:center;}
.banner ul.pic{ height:100%;}
.banner .pic li{ height:100%; text-align:center;}
.banner .pic li img{ max-height:100%; max-width:100%; height:100%;}
.banner .picbar{ position:absolute; bottom:10px; left:50%;}
.banner .picbar li{ width:10px; height:10px; background-color:#ddd; float:left; margin:0 5px; border-radius:50%;}
.banner .picbar li.active{ background-color:#0080C0;}





.box{ width:1200px; margin:15px auto;}
.content{ margin:20px auto;}

.title{ height:35px; color:#505050; line-height:35px; font-size:14px; border-bottom:1px solid #ccc; font-weight:bold; position:relative;}
.title a{ display:block;width:35px; height:35px; position:absolute; right:0; top:0; background:url(more.png) no-repeat left center;}
.title span{ font:normal 10px "微软雅黑"; margin-left:5px; }

.news{ height:240px; margin:20px 0; overflow:hidden; font-size:12px;}
.newsleft,.newsmiddle,.newsright{ float:left; overflow:hidden}
.newsmiddle{ margin:0 30px;}
.newsleft{ width:350px;border-bottom:1px solid #ddd;height:235px;}
.newsmiddle{ width:350px;}
.newsright{ width:380px;}
.newsleft p { color:#666; line-height:25px; margin-top:20px;}
.newsleft p img{ width:120px; height:110px; float:left; padding:0 10px 5px 0;}
.newsmiddle ul{ margin-top:20px;}
.newsmiddle li{ height:35px; line-height:35px; background: url(indexnewslistico.gif) left center no-repeat; padding-left:10px; border-bottom:1px solid #eee; overflow:hidden;}
.newsmiddle li a{ color:#666;}
.newsmiddle li a:hover{ color:#0080C0; text-decoration:none;}
.newsright h3{ margin-bottom:15px;}

.newsright  p{ height:30px; line-height:30px; color:#666; border-bottom:1px dotted #ddd; padding-left:5px; }



.prolist{ position:relative; margin:20px 0;}
.picbox{ position:relative; font-size:12px; width:1000px; height:200px; overflow:hidden; margin-top:10px;}
.picbox ul{ width:3000px; position:absolute; left:0; top:0;}
.picbox li{ width:150px; height:200px; overflow:hidden; margin:0 10px; float:left; position:relative; border:1px solid #eee; }
.picbox li img{ width:150px; height:200px; color:#828282;}
.picbox li span{ display:block; height:25px; line-height:25px; text-align:center; position:absolute; bottom:0; left:0; width:100%; background-color:#eee; color:#333; opacity:0.8;}
.picbox li a{ display:block;color:#000;text-decoration:none; color:#666;}
.picbox li a:hover{color:#0080C0;}

.prolist .bar{ position:absolute; right:0;top:5px; width:52px; height:21px;}
.prolist .bar a{ display:block; float:left; width:21px; height:21px; background:#373737 url(small-arrows.png) no-repeat; margin-left:5px;}
.prolist .bar a.prebar{ background-position:left center;}
.prolist .bar a.nextbar{ background-position:right center;}
.prolist .bar a:hover{ background-color:#999;}


.friendlink{ height:30px; line-height:30px; background:url(link.png) no-repeat left center; padding-left:25px; font:12px/30px "微软雅黑"; overflow:hidden; border-bottom:1px solid #ddd;}
.friendlink b{ color:#666;}
.friendlink a{ color:#666; margin:0 5px;}
.friendlink a:hover{ color:#000;}



.foot{ background-color:#f7f7f7; color:#999;}
.foot .inner{ width:1000px; margin:0 auto; height:60px;}
.foot .inner p{ line-height:25px;}
.foot .inner a{ color:#999; margin:0 10px;}
.foot .inner a:hover{ color:#666;}
.foot .fr{ text-align:right; float:right; padding-top:10px;}
.foot .fl{ float:left; padding-top:20px;}





.box2{ width:1000px; margin:20px auto; overflow:hidden; background-color:#fff;}



.content_left{ width:220px; float:left; border:1px solid #eee; margin-bottom:-3000px; padding-bottom:3000px;}
.content_right{ width:760px; float:right; min-height:600px; padding-bottom:20px;}


.content{ margin:20px 0;overflow:hidden;}
.left{ width:220px; float:left; margin-bottom:-3000px; padding-bottom:3000px; font:12px "微软雅黑";background:url(sb.jpg) repeat-y; }
.right{ width:600px; float:right; min-height:700px;}


.sidetitle{height:50px; font:bold 16px/50px "微软雅黑";color:#fff;padding-left:20px;overflow:hidden; background:url(met_img.png);}
.sidetitle span{font-size:14px;color: #eee;font-weight: normal;font-family: '微软雅黑';margin-left: 6px;}

.leftnav{border:1px solid #eee;}
.leftnav li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #E9E9E9;}
.leftnav li a{ color:#333; padding-left:15px; font-weight:bold; display:block; text-decoration:none;}
.leftnav li a:hover{ color:#0080C0; background:#eee;}


.contact{margin-top:20px; border:1px solid #eee;}
.contact .sidetitle{ margin-bottom:10px;}
.contact p{ height:35px; line-height:35px; padding-left:15px; color:#666; border-bottom:1px dotted #ddd;}




.navbar{ height:35px; line-height:35px; border-bottom:1px solid #ddd; background:url(arrow.gif) left center no-repeat; padding-left:30px; font-size:12px; color:#666;}

.info{ color:#333; font:12px/25px "微软雅黑";}
.info h1{ height:40px; color:#000; font:bold 18px/40px "微软雅黑"; text-align:center; border-bottom:1px solid #eee; padding:10px 0; margin:10px 0; }
.info p{ margin:10px 0;}
.info b{ margin:15px 0; display:block;}
.info .img2 img{float:left; padding:10px;}
.info img{ text-align:center; max-width:100%;}
.textinfo{ margin:20px 0; padding:20px 10px;}
.textinfo h4{ height:30px; color:#666; font: bold 14px "微软雅黑"; border-bottom:1px solid #ddd; margin-bottom:10px;}
.textinfo p{ line-height:25px; color:#666; text-align:left;}



.bshare{ margin:20px 0 10px 0; height:16px; line-height:16px; font-size:12px; color:#333;}
.bshare span{ float:left; display:block;}
.next_text{ font-size:12px; clear:both; padding-top:10px;}
.next_text p{ line-height:25px; color:#333;}
.next_text a{ color:#0080C0;}
.next_text a:hover{ color:#0080C0; text-decoration:underline;}



.productlist{ margin:10px 0;}
.productlist .plist li{ width:210px; height:280px; text-align:center;float:left; margin:10px 20px; border:1px solid #eee; overflow:hidden; position:relative;}
.productlist .plist li img{ width:210px; height:280px; display:block;}
.productlist .plist li span{ display:block;line-height:30px; height:30px; background-color:#eee; position:absolute; left:0; bottom:0; width:100%; opacity:0.9;}
.productlist .plist li a{ display:block;color:#666; font-size:12px; text-decoration:none;}
.productlist .plist li a:hover{ color:#0080C0; }


.pages{ height:20px; line-height:20px;font-family:"宋体"; color:#666; margin:15px 0; font-size:12px;}
.p_left{ float:left;}
.p_right{ float:right;}
.p_right a{ display:inline-block; border:1px solid #ddd; padding:0 6px; margin-left:5px; color:#666;}
.pages .select{ background-color:#999; color:#FFF;}
.pages .select:hover{background-color:#999; color:#FFF;}
.p_right a:hover{ text-decoration:none; background-color:#eee;}



.newslist2{ padding:20px 0;font:12px/25px "宋体"; min-height:500px;}
.newslist2 li{ border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; position:relative; list-style:inside circle;}
.newslist2 li a{ font: bold 14px "微软雅黑"; color:#333;}
.newslist2 li a:hover{ color:#0080C0;}
.newslist2 li span{ position:absolute; right:0; color:#999; }
.newslist2 li p{ color:#999; text-indent:1em; height:20px; width:100%; overflow:hidden;}


.pinfo {margin:10px 0; font-size:12px;}
.pinfo h1{ height:40px; font:bold 18px/40px "微软雅黑";}
 
.pinfo b{ display:block; margin:10px 0;}
.pinfo p{ line-height:25px; color:#333;}
.proinfo{ clear:both;}
.proinfo h3{font:14px/40px "微软雅黑"; border-bottom:1px solid #ddd; line-height:35px; margin:10px 0;}
.canshu p{ line-height:30px;}.photos{ width:350px; height:500px; float:left;padding-bottom:10px; padding-bottom:20px;}
.photos .bigphoto img{ width:305px; height:400px;;border:1px solid #eee;}
.photos .smllphoto img{ width:60px; height:60px;border:1px solid #eee; margin:0 2px;}



.helpinfo{ border:1px solid #eee; padding:20px; min-height:700px; font-size:12px;}
.helpinfo h1{ font:bold 18px/50px "微软雅黑"; text-align:center; border-bottom:1px solid #ddd; margin-bottom:20px;}
.helpinfo p{line-height:25px; margin-bottom:10px; text-indent:2em;}
.helpinfo h3{ font-weight:bold; margin-bottom:10px;}

.helpinfo .time{ text-align:right; margin-top:20px;}
.helpinfo .time p{ line-height:15px;}

.address{ background:url(c_phone.gif) no-repeat 30px 20px; padding:20px 0 15px 250px; font-size:12px;}
.address h3{ font: bold 16px/35px "微软雅黑";}
.address p{ height:30px; line-height:30px;}

.map{background:url(c_location.gif) no-repeat 20px top; padding-left:250px; margin-top:30px; padding-top:10px;}

.category{ height:35px; line-height:35px;font:12px/35px "微软雅黑"; background-color:#f5f5f5; padding-left:10px;}
.category b{ color:#666;}
.category a{ color:#08C; margin:0 10px;}


.friendlink2 { margin:10px 0; font-size:12px;}
.fridendimg li{float:left; margin:10px 15px; border:1px solid #eee;}
.fridendimg li a{ display:block;color:#666; }
.fridendimg li a:hover{ color:#0080C0;}
.fridendimg li img{ width:120px; height:60px;}
.fridendimg li span{ display:block; font-size:12px; line-height:20px;text-align:center;}
.fridendimg li span

.fridendtext{ padding:10px 0; font-size:12px;}
.fridendtext li{ width:120px; float:left; margin:10px 15px; text-align:center; border-bottom:1px solid #eee; height:30px; line-height:30px;}
.fridendtext li a{ color:#666;}
.fridendtext li a:hover{color:#0080C0;}


.notice a{ color:#333;}
.notice a:hover{ text-decoration:underline; color:#000;}

.plist2 li{ width:220px; height:200px; text-align:center;float:left; margin:10px 18px; border:1px solid #eee;}
.plist2 li img{ width:220px; height:170px;}
.plist2 li span{ display:block;line-height:25px;}
.plist2 li a{ display:block;color:#666; font-size:12px;}
.plist2 li a:hover{ color:#0080C0;}

.noticelist{ padding:20px 0;font:12px/25px "宋体"; min-height:500px;}
.noticelist li{ border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; position:relative; list-style:inside circle;}
.noticelist li a{  color:#666;}
.noticelist li a:hover{ color:#0080C0;}
.noticelist li span{ position:absolute; right:0; color:#999; }


/*1105*/
.honorimg li{ width:220px; height:200px; text-align:center;float:left; margin:10px 15px; border:1px solid #eee;}
.honorimg li img{ width:220px; height:170px; display:block;}
.honorimg li span{ display:block;line-height:30px; background-color:#eee;}
.honorimg li a{ display:block;color:#666; font-size:12px;}
.honorimg li a:hover{ color:#008080;}