/* CSS Document */
@charset "utf-8";
body, div, h1, h2, h3, h4, h5, a, li, ul, em, i, span, img, p{
padding:0; 
margin:0; 
font-size:12px; 
list-style:none;
font-family:"Microsoft YaHei", Arial, sans-serif; 
}

#index-change-pic{ margin-left:auto; margin-right:auto; background-color:#0099CC; margin-top:25px; width:1000px;}

/*nav*/
#nav-line{ height:3px; background:#208237;}
#nav{background:#FFF; height:80px; line-height:80px; border-bottom:2px solid #208237; margin:0; padding:0}
#nav-info {margin:0 auto; padding:0; text-align:left; width:1000px;}
#nav-info img{ float:left; height:69px; margin-top:5px; margin-right:20px}
#nav-info ul li{ float:left; text-align:center; color:#FFF; height:80px; line-height:80px; background-color:#FFF;}
#nav-info ul li a{ display:block; background-color:#FFF; text-decoration:none; color:#333; min-width:100px; font-size:15px;}
#nav-info ul li a:hover{ display:block; background-color:#ebeef6;}
#nav-info ul .nav-selected a{ display:block; background-color:#e7ebf7; color:#208237; border-bottom:3px solid #208237; height:78px}
#nav-info ul .nav-selected a:hover{display:block; background-color:#e7ebf7; color:#208237;}

/*sub-head*/
/*#sub-head{ height:200px; background:url(../images/subheadimg.jpg) left top  repeat-x;}*/
#sub-head{ text-align:center}

/*content left*/
/*#main{ width:1000px; margin:10px auto 0px auto; position:relative; background:#fff url(../images/main-bg.gif) left top repeat-y; }*/
#main{ width:1000px; margin:30px auto 50px auto; position:relative; }
#main #left-menu{ float:left; width:200px; background-color:#fff; position:relative; border:1px solid #d5d5d5}
#main #left-menu p{ height:40px; line-height:40px; background-color:#208237 ; color:#fff; text-indent:1em; border-right:0px solid #208237; font-size:15px; font-weight:bold;}
#main #left-menu ul li{ background-color:#fff;}
#main #left-menu ul li span a{ /*display:block; background-color:#EAEAEF;*/ border-bottom:0px solid #CCC;}
#main #left-menu ul li span .em-hide{ display:block; width:0; height:0; border:4px solid #208237; border-color:transparent transparent transparent #208237; float:right; margin:13px 10px 10px 10px;}
#main #left-menu ul li span .em-show{ display:block; width:0; height:0; border:4px solid #208237; border-color:#208237 transparent transparent; float:right; margin:15px 10px 10px 10px;}
#main #left-menu ul li a{ display:block; background-color:#fff; color:#000; text-decoration:none; height:35px; width:200px; line-height:35px; text-indent:1em;}
#main #left-menu ul li a:hover{ display:block; background-color:#ebeef6; text-decoration:none; color:#208237;}
#main #left-menu ul li ul li{text-indent:2em;}
#main #left-menu ul li ul li a{ background-color:#ebeef6; background-color:#FFF; text-decoration:none; display:inline}
#main #left-menu ul li ul li a:hover{ text-decoration:none; color:#208237; background-color:#FFF; display:inline}
#main #left-menu ul li .myHide{ display:none;}
#main #left-menu ul li .myShow{	display:block;}

/*content right*/
#main #content{background-color:#FFF; float:right; width:780px;}
#main #content #location{height:40px; border-bottom:2px solid #208237; background-color:#FFF; line-height:40px; text-align:left; text-indent:1em; color:#208237; padding-right:15px;} 
#main #content #location .cur-location{ float:right; background:#FFF;}
#main #content #location .cur-title{ float:left; background:#FFF; font-size:13px; color:#333333;}
#main #content #main-content{background-color:#FFF; padding-top:10px; color:#666666;}
#main #content #main-content .main-news ul li{ height:30px; line-height:30px; border-bottom:1px dotted #ccc;}
#main #content #main-content .main-news ul li a{ color:#666; text-decoration:none;}
#main #content #main-content .main-news ul li a:hover{ color:#208237; text-decoration:underline;}
#main #content #main-content .main-news ul li .today-news-span a{ color:#208237; text-decoration:none; margin-left:0}
#main #content #main-content .main-news ul li .today-news-span a:hover{color:#208237; text-decoration:underline;}
#main #content #main-content .p-page { line-height:30px; height:30px; float:right; clear:both;}
#main #content #main-content .p-page a{color:#666; text-decoration:none;}
#main #content #main-content .p-page a:hover{color:#208237; text-decoration:underline;}
#main #content #main-content .news-title{ font-size:19px; font-weight:bold; text-align:center; line-height:40px; height:40px;}
#main #content #main-content .news-time{ height:20px; text-align:center; border-bottom:1px dotted #ccc;}
#main #content #main-content .product-img-small{float:left; border:1px solid #d5dbe0; margin:8px; background-color:#d5dbe0; color:#666}
#main #content #main-content .product-img-small:hover{ background-color:#208237; color:#fff; border-color:#208237}
#main #content #main-content .product-img-small img{ width:240px; height:240px;}
#main #content #main-content .product-img-small p{text-align:center; height:40px; line-height:40px;}
#main #content #main-content .product-img-big{ max-width:760px;}
#main #content #main-content .btn-back{ float:right; height:30px; border:0; width:100px; background-color:#e7ebf7; color:#208237; line-height:30px; cursor:pointer; margin:10px 0; }
#main #content #main-content #main-feedback { width: 400px; margin-left:auto; margin-right:auto;}
#main #content #main-content #main-feedback ul li{ border:0; height:auto;}
#main #content #main-content #main-feedback ul li .text{ height:25px; border:1px solid #ccc; width:350px; color:#333}
#main #content #main-content #main-feedback ul li textarea{ height:25px; border:1px solid #ccc; width:350px; height:100px; color:#333}
/*#main #content #main-content #main-feedback ul li .btn{ height:30px; border:0; width:350px; background-color:#208237; color:#fff; line-height:30px; cursor:pointer;}*/
#clearboth{ clear:both;}

/*分页样式*/
#main #content #main-content .div-page { border:0px solid red; clear:both; height:30px; margin-top:5px; text-align:center}
#main #content #main-content .div-page ul{height:30px;}
#main #content #main-content .div-page li{padding:2px; float:left; border:0px;}
#main #content #main-content .div-page li a{display:block; border:1px solid #ccc; padding:2px 4px; height:20px; line-height:20px; text-decoration:none; color:#666;}
#main #content #main-content .div-page li a:hover{color:#208237; text-decoration:underline; }
#main #content #main-content .div-page li span{ display:block; padding:2px 4px; height:20px; line-height:20px;}
#main #content #main-content .div-page li .cur-page{color:#666; font-weight:bold; display:block; padding:2px 4px; height:20px; line-height:20px;}


/*瀑布流样式: 宽度固定，高度不定*/
#main #content #main-content .floatdown{ padding:0px;}
#main #content #main-content .floatdown ul{
/* 栏宽度 */
-webkit-column-width:360px; -moz-column-width:360px; -o-colum-width:360px; column-width:360px;
/* 两栏之间的间距 */
-webkit-column-gap:1px; -moz-column-gap:1px; -o-column-gap:1px; column-gap:1px;}
#main #content #main-content .floatdown li{border:#069 0px solid; display:inline-block; width:362px; margin:5px;}

/*foot*/
#foot{ padding:20px 0; border-top:2px solid #ccc; margin-bottom:20px}
#foot-info{ margin:0 auto; text-align:left; width:1000px; color:#666;}
#foot-info #foot-link{ height:20px;}
#foot-info #foot-link a{ text-decoration:none; color:#666;}
#foot-info #foot-copyright { }
#foot-info #foot-copyright a{ text-decoration:none; color:#666;}