@charset "gb2312";
/**
*   Made by cgq
**/

/*index.html==========================*/
body{  }

/*header*/
.header{ font-family:΢ÈíÑźÚ;}
.top{ margin:0 auto; width:1002px; height:86px; overflow:hidden; position:relative;}
.top h3{ float:left; padding:5px 0 0 0;}
.top h3 img{ width:600px; height:80px; overflow:hidden;}
.top_nav{ float:right; margin-top:15px;}
.top_nav li{ float:left; height:16px; line-height:18px; margin-left:10px; overflow:hidden; }
.top_nav li.li1{ background:url(../images/home.jpg) no-repeat 0 0; padding-left:20px;}
.top_nav li.li2{ background:url(../images/bookmark.jpg) no-repeat 0 0; padding-left:20px;}
.top_nav li.li3{ background:url(../images/mail.jpg) no-repeat 0 0; padding-left:20px;}

.tel{ position:absolute; bottom:15px; right:0;font-size:14px;}
.tel span{ color:#f00; font-size:18px;}

.nav{ height:36px; background:url(../images/nav.jpg) repeat-x 0 0; overflow:hidden;}
.nav ul{ margin:0 auto; width:1002px; background:url(../images/nav_a.png) no-repeat 0 0;}
.nav li{ float:left; line-height:36px; width:121px; text-align:center; }
.nav li a{ font-weight:bold; color:#FFF; background:url(../images/nav_a.png) no-repeat right 0; display:block;}
.nav li a:hover{ color:#FFF; background:url(../images/nav-hover.jpg) no-repeat 0 0;}


/*banner ¿ªÊ¼*/
.banner { width:100%; height: 350px; overflow: hidden; }
.banner ul { height: 350px; width: 100%; list-style-type: none; }
.banner ul.bannerInner { height: 350px; width: 100%; width: 6000px; }
.banner ul li { width: 100%; height: 350px; float: left; }
.bannerInner li { float: left; width: 100%; height: 350px; }
.bannerControl { width: 100%; height: 10px; position: absolute; top: 450px; }
.bannerControl ul { width:200px; height: 10px; margin: 0 auto; }
.bannerControl ul li { width: 30px; height: 10px; margin-left: 10px; _margin-left: 5px; list-style-type: none; cursor: pointer; 
background:#666;/* FF/Chrome/... */opacity: 0.5;/* IE */filter: alpha(opacity = 50);}
.banner1{ background: url(../images/banner1.jpg) center 0; }
.banner2{ background: url(../images/banner2.jpg) center 0; }
.banner3{ background: url(../images/banner3.jpg) center 0; }
.banner4{ background: url(../images/banner4.jpg) center 0; }
.banner5{ background: url(../images/banner5.jpg) center 0; }

/*wrap*/
.wrap{ background: url(../images/main_bg.jpg) repeat-x 0 0; background-color:#fcfcfc; overflow:hidden;}
.wrap_top{ margin:0 auto; width:1002px; height:24px; padding-top:7px; overflow:hidden; position:relative;}
.wrap_top .gg{ width:780px; background: url(../images/gg.jpg) no-repeat 0 0; position:relative;}
.wrap_top .gg h6{ color:#FFF; font-family:΢ÈíÑźÚ; padding-left:5px; }
.wrap_top .gg span{ position:absolute; top:0; left:75px; color:#4c4c4c;}

.search{ position:absolute; top:0; right:0; height:24px; }
.search form{ }
.search ul{ padding-top:7px; }
.search li{ float:left; height:24px; line-height:24px; overflow:hidden; color:#666; }
.search li span{ display:inline-block; height:20px; border:1px solid #dddddd;  padding:0 5px;}
.search li span input{ width:170px; height:20px; line-height:20px; background:none; border:none;}
.search li.btn input{ width:26px; height:23px; overflow:hidden; background:url(../images/search.gif) no-repeat 0 0; border:none; cursor:pointer;}

.column{ margin:0 auto; width:1002px; margin-top:40px; overflow:hidden;}
.news{ width:320px; height:320px; border-right:1px dashed #c5c5c5; float:left; overflow:hidden;}
.news .n_tj{ position:relative;}
.news .n_tj .pic{ width:98px; height:84px; background:url(../images/img_bg.gif) no-repeat 0 0;}
.news .n_tj .pic img{ width:90px; height:74px; margin:5px 4px 4px 4px; }
.news .n_tj .text{ position:absolute; top:0; left:110px; width:195px; color:#9a9a9a; line-height:21px;}
.news .n_tj .text h6 a{ color:#5c9ef3;}
.news .n_list{ margin-top:8px; overflow:hidden; }
.news .n_list li{ height:28px; line-height:30px; border-bottom:1px dashed #cfcfcf; background:url(../images/ico.gif) no-repeat 5px center; position:relative;}
.news .n_list li a{ color:#4c4c4c; padding-left:20px;}
.news .n_list li a:hover{ color:#5c9ef3;}
.news .n_list li span{ position:absolute; top:0; right:0; color:#9a9a9a;}
.news .pro{ width:306px;}
.news .pro img{ width:306px; height:84px;}
.news .pro li{ float:left; width:153px; height:24px; line-height:24px; background:url(../images/ico.gif) no-repeat 5px center; overflow:hidden;}
.news .pro li a{ color:#4c4c4c; padding-left:20px;}
.news .pro li a:hover{ color:#5c9ef3;}

#tags { width:306px; height:61px; background:url(../images/qiehuan.gif) no-repeat 0 0; }  
#tags LI { FLOAT: left; width:100px; height:61px; line-height:61px; text-align:center; }  
#tags LI A { color:#5c9ef3; font-weight:bold; display:block; }  
#tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%;}  
#tags LI.selectTag { POSITION: relative; width:100px; HEIGHT:61px; }  
#tags LI.selectTag A { BACKGROUND-POSITION: right top; LINE-HEIGHT:61px; HEIGHT:61px; color:#44469d;}  
#tagContent { width:306px; margin-top:10px; }  
.tagContent { DISPLAY: none; COLOR: #505050;}  
#tagContent DIV.selectTag {DISPLAY: block}


.about{ width:400px; height:320px; border-right:1px dashed #c5c5c5; background:url(../images/about_bg.gif) no-repeat center 0; float:left; overflow:hidden;}
.about .title{ margin:0 auto; width:372px; height:60px; margin-top:15px; overflow:hidden; position:relative; }
.about .title h5{ line-height:18px; color:#4784d4; padding-left:15px; }
.about .title h5 span{ color:#999; font-weight:normal; }
.about .title .more{ position:absolute; top:0; right:10px; }
.about .nr{ width:372px; margin-left:15px; color:#4c4c4c; float:left; overflow:hidden;}
.about .nr .pic{ width:210px; height:150px; padding-right:10px; float:left; overflow:hidden;}

.contact{ width:280px; background:url(../images/contact_bg.gif) no-repeat right 0; float:left; overflow:hidden;}
.contact .title{ width:265px; height:60px; margin:15px 0 0 15px; overflow:hidden; position:relative; }
.contact .title h5{ line-height:18px; color:#4784d4; padding-left:15px; }
.contact .title h5 span{ color:#999; font-weight:normal; }
.contact .title .more{ position:absolute; top:0; right:10px; }
.contact .nr{ margin-left:15px; }
.contact .nr .pic{ height:84px; background:url(../images/img_bg.gif) no-repeat 0 0;}
.contact .nr .pic img{ width:90px; height:74px; margin:5px 4px 4px 4px; float:left; overflow:hidden; }
.contact .nr .pic h6{ margin-left:10px; color:#9a9a9a; font-weight:normal; float:left; overflow:hidden;}
.contact .nr p{ line-height:20px; color:#4c4c4c;}
.contact .nr p span{ color:#5c9ef3; font-weight:bold;}

.cpzs{ margin-top:40px; background:url(../images/cpzs_bg.gif) repeat-x 0 0; background-color:#f2f3f5; padding-bottom:20px; overflow:hidden;}
.product_scroll{ margin:0 auto; width:982px; margin-top:30px; padding-left:20px; position:relative;}
.product_scroll_inner{ height:180px; overflow:hidden;}
.product_scroll ul{ float:left; padding-right:10px; text-align:center; overflow:hidden; }
.product_scroll li img{ height:150px; padding:2px; border:1px solid #E8E8E8; overflow:hidden;}
.product_scroll li.text{ height:25px; line-height:25px; overflow:hidden; font-family:΢ÈíÑźÚ; text-align:center; margin-top:5px;}
.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:13px; height:26px; background:url(../images/roll.gif) no-repeat 0 0; position:absolute; top:65px; cursor:pointer;}
.product_scroll .btn_l{ left:0;}
.product_scroll .btn_r{ background:url(../images/roll.gif) no-repeat right 0; right:0;}
.product_scroll li a{ line-height:22px; color:#000;}
.product_scroll li a:hover{ color:#5c9ef3;}

/*footer*/
.footer{ background:url(../images/footer_bg.gif) repeat-x 0 0; background-color:#f2f3f5; text-align:center; color:#959595; font-family:΢ÈíÑźÚ; padding-bottom:20px; overflow:hidden;}
.footer_nav{ padding-top:7px;}
.footer_nav span{ border-left:1px solid #DEDEDE;}
.footer_nav a{ padding:0 5px; border-right:1px  solid #DEDEDE; color:#333;}
.copy{ margin-top:10px; }
.copy a{ color:#959595;}
.copy a:hover{ text-decoration:underline;}
.copy .text a{ margin:0 5px;}
.copy .text{ margin:0 auto; width:1000px;padding-top:10px;}

/*list.html==================================*/
.wrap_in{ margin:0 auto; width:1002px; margin-top:10px; overflow:hidden;}
.left{ width:210px; margin-right:10px; margin-bottom:20px; float:left; overflow:hidden;}
.left h5{ height:30px; line-height:30px; padding-left:10px; background-color:#014995; color:#FFF; font-family:΢ÈíÑźÚ;}
.left .cpfl{ background-color:#f2f2f2; border:1px solid #CCC; overflow:hidden;}
.left .cpfl li{ height:30px; line-height:30px; padding-left:20px; background:url(../images/ico_p.gif) no-repeat 10px center;}
.left .cpfl li a{ color:#333;}
.left .cpfl li a:hover{ color:#F60;}

.left .con{ margin-top:10px; background-color:#f2f2f2; border:1px solid #CCC; overflow:hidden;}
.left .con li{ height:30px; line-height:30px; padding-left:10px; border-top:1px dashed #CCC;}
.left .con li span{ font-weight:bold;}

.right{ width:778px; border:1px solid #CCC; margin-bottom:20px; float:left; overflow:hidden;}
.right .home{height:30px; margin-top:1px; background-color:#f2f2f2; border-bottom:1px solid #CCC; overflow:hidden; position:relative;}
.right .home h5{ line-height:30px; padding-left:10px; font-family:΢ÈíÑźÚ;}
.right .home span{ position:absolute; top:5px; right:10px; background:url(../images/ico_home.png) no-repeat 0 3px; padding-left:20px;}

.info{ padding:10px; overflow:hidden;}
.info .nr_text{ line-height:30px;}
.info h5{ text-align:center;}
.info h6{ text-align:center; color:#999;}

.newslist{ }
.newslist li{ height:40px; line-height:40px; background:url(../images/ico_n.gif) no-repeat 0 15px; padding-left:15px; border-bottom:1px solid #dddddd; position:relative;}
.newslist li a.tit{ font-size:14px; color:#333; font-weight:bold; padding-left:5px; }
.newslist li a.tit:hover{ color:#F60; }
.newslist li a{ color:#F00;}
.newslist li a:hover{ text-decoration:underline;}
.newslist li span{ position:absolute; top:0; right:0; color:#666;}

.productlist{ margin-top:10px; overflow:hidden;}
.productlist li{ float:left; width:220px; height:210px; margin-left:20px; text-align:center;}
.productlist li img{ width:200px; height:160px; padding:2px; border:1px solid #CCC;}
.productlist LI .product_name{ DISPLAY: block; OVERFLOW: hidden; WIDTH: 220px; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: center;}
.productlist LI a:hover{ color:#F60;}
.product{ text-align:center;}


.pagelink{ float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0; padding:0 10px;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}



/*ÔÚÏßÁôÑÔ==================================*/
#gbooklist {
	width: 98%;
	text-align:center;
}
#gbooklist .faq  ,
#gbooklist .reply
{
	text-align:left;
	width: 98%;
	word-wrap: break-word; 
	word-break: break-all;
}
#gbooklist .faq{
	margin-bottom:15px;
}
#gbooklist .faqtit,
#gbooklist .faqcon
{
padding-left:5px;
}

#gbooklist .faqtit{
background:#1FA510;
color:#000000;
font-size:14px;
}

#gbooklist .reply{
	border: 1px dashed #FF0000;
	width:95%;
	margin-bottom:10px;
	margin-left:5px;
	padding:3px;
}
.pageNavi{border:none;}
/* CSS Document */
#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
/*ÔÚÏßÁôÑÔ==================================*/
.messages{ margin-top:30px; font-family:΢ÈíÑźÚ;}
.messages ul{ float:left; font-size:14px;}
.messages .tx li{ width:70px; height:31px; line-height:30px; margin-bottom:10px; text-align:right;}

.messages .kk li{ width:400px; margin-bottom:10px;}
.messages .tx .kk1{ margin-top:73px; height:31px; line-height:30px; margin-bottom:10px;}
.messages .kk li .sq_input{ width:400px; display:inline-block; height:30px; line-height:30px; border:1px solid #c2b796; color:#F00; text-indent:4px; }
.messages .kk li .sq_box{ width:400px; display:inline-block; height:90px; line-height:25px; border:1px solid #c2b796; color:#F00; text-indent:4px; }

.messages .kk li #submit{ width:140px; height:31px; line-height:40px; background:url(../images/fabu.png) no-repeat 0 -252px; border:none; cursor:pointer; color:#FFF;}
.messages .kk li #reset{ width:140px; height:31px; line-height:40px; background:url(../images/fabu.png) no-repeat 0 -208px; border:none; cursor:pointer; color:#FFF;}