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

/*index.html==========================*/
body{ font-family:微软雅黑; color:#333; }

/*header*/
.header{ background:url(../images/head_bg.gif) repeat-x 0 0; overflow:hidden;}

.top{ margin:0 auto; width:1100px; height:112px; overflow:hidden; }
.top .top_nav{ width:1100px; height:28px; line-height:28px; color:#000; overflow:hidden; position:relative;}
.top .top_nav h6{ font-weight:normal; }
.top .top_nav .sc{ position:absolute; top:0; right:0; }
.top .top_nav .sc a{ color:#000; }
.top .logo{ width:1100px; height:85px; overflow:hidden; position:relative;}
.top .logo h3{ width:600px; height:85px; }
.top .logo .tel{ position:absolute; top:20px; right:0; color:#000; background:url(../images/tel.png) no-repeat 0 4px; padding-left:55px;}
.top .logo .tel span{ color:#336; font-size:16px; font-weight:bold;}

/*首页区域分站*/

.wz{ position:absolute;  right:0; color:#000; background:url(../images/tel.png) no-repeat 0 4px;}
.wz a{ font-weight:bold; color:#C00;}
.wz a:hover{ font-weight:bold; color:#666}

/*内页地区*/
.dq{margin:0 auto; margin-top:50px;}
.line_dp02{margin:0 auto; width:1002px;  overflow:hidden; height:3px; }
.line_dq01{ margin:0 auto; width:1002px; margin-bottom:10px;font-size:16px;border-left:#39F solid 2px;border-right: #39F solid 2px;border-top: #39F solid 2px;border-bottom: #39F solid 2px; padding: 5px 5px;}
.line_dq{ margin:0 auto; width:1002px; font-size:14px; border-left:#F93 solid 2px;border-right:#F93 solid 2px;border-top:#F93 solid 2px;border-bottom:#F93 solid 2px; padding: 5px 5px;}

.menu{ margin:0 auto; width:1100px; height:35px; line-height:35px; text-align:center; color:#fff; z-index:1; border-left:1px dashed #d96e7a;}   
.menu ul{ list-style:none;}   
.menu li{ float:left;position:relative; width:120px; }
.menu li a:hover{ color:#333; background-color:#FFF; }   
.menu ul ul { visibility:hidden; position:absolute;left:0; top:35px;}   
.menu table { position:absolute; top:0; left:0;}   
.menu ul li:hover ul,   
.menu ul a:hover ul{ visibility:visible;}   
.menu a{ display:block; color:#fff; font-weight:bold; font-size:14px; border-right:1px dashed #d96e7a; }   
.menu a:hover{ background-color:#FFF; }   
.menu ul ul{}   
.menu ul ul li { clear:both; border-top:1px dotted #ddd; background-image:none; color:#fff; /* FF/Chrome/... */opacity: 0.7;/* IE */filter: alpha(opacity = 70);}   
.menu ul ul li a{ display:block;font-weight:normal; font-size:12px; background-color:#4d4542;}   
.menu ul ul li a:hover{ color:#000; }   


/*banner 开始*/
.banner { width: 100%; height:300px; overflow: hidden; }
.banner ul { height: 300px; width: 100%; list-style-type: none; }
.banner ul.bannerInner { height: 300px; width: 100%; width: 6000px; }
.banner ul li { width: 100%; height: 300px; float: left; }
.bannerInner li { float: left; width: 100%; height: 300px; }
.bannerControl { width: 100%; height: 10px; position: absolute; top: 420px; }
.bannerControl ul { width:160px; 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.png) no-repeat center 0;}
.banner2{ background:url(../images/banner2.png) no-repeat center 0;}
.banner3{ background:url(../images/banner3.png) no-repeat center 0;}
.banner4{ background:url(../images/banner4.png) no-repeat center 0;}

.main{ height:352px; background:url(../images/banner_bg.gif) 0 0; overflow: hidden; }
.main_top{ margin:0 auto; width:1100px; height:52px; background:url(../images/main_bg.png) no-repeat 0 0; overflow:hidden;}



/*wrap*/
.wrap{ margin:0 auto; width:1092px; border:1px solid #e5e5e5; border-bottom:none; border-top:none; overflow:hidden;}
.cpfl { overflow:hidden;  height:100px;}
.cpfl li{ float:left; margin:0 50px 0 70px; width:98px; height:100px; }
.cpfl li a:hover{ color:#1260a9; font-weight:bold;}
.cpfl li.li1 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -60px -108px; color:#1260a9; font-weight:bold; display:block;}
.cpfl li.li2 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -225px 0; display:block;}
.cpfl li.li2 a:hover{ background:url(../images/cpfl.png) no-repeat -225px -108px; }
.cpfl li.li3 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -392px 0; display:block;}
.cpfl li.li3 a:hover{ background:url(../images/cpfl.png) no-repeat -392px -108px; }
.cpfl li.li4 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -555px 0; display:block;}
.cpfl li.li4 a:hover{ background:url(../images/cpfl.png) no-repeat -555px -108px; }
.cpfl li.li5 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -740px 0; display:block;}
.cpfl li.li5 a:hover{ background:url(../images/cpfl.png) no-repeat -740px -108px; }
/*.cpfl li.li6 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -490px 0; display:block;}
.cpfl li.li6 a:hover{ background:url(../images/cpfl.png) no-repeat -490px -108px; }
.cpfl li.li7 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -588px 0; display:block;}
.cpfl li.li7 a:hover{ background:url(../images/cpfl.png) no-repeat -588px -108px; }
.cpfl li.li8 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -686px 0; display:block;}
.cpfl li.li8 a:hover{ background:url(../images/cpfl.png) no-repeat -686px -108px; }
.cpfl li.li9 a{ text-align:center; padding-top:80px; background:url(../images/cpfl.png) no-repeat -784px 0; display:block;}
.cpfl li.li9 a:hover{ background:url(../images/cpfl.png) no-repeat -784px -108px; }*/



.column{ padding:20px; overflow:hidden;}
.column .title{ height:40px; line-height:40px; position:relative;}
.column .title h5{ color:#F00;}
.column .title h5 span{ font-weight:normal; font-size:12px; color:#666; padding-left:10px;}
.column .title .more{ position:absolute; top:10px; right:20px;}
.about{ width:375px; border-right:1px solid #336; float:left; overflow:hidden;}
.about .company{ margin-right:20px; float:left; overflow:hidden; }
.about .company img{ float:left; overflow:hidden; margin: 5px 5px 0 0; padding:1px; border:2px solid #ddd; }

.news{ width:375px; margin-left:20px; border-right:1px solid #336; float:left; overflow:hidden;}
.news ul{ margin-right:20px;}
.news ul li{ font-weight:bold; margin-bottom:10px; border-bottom:1px solid #ddd; position:relative;}
.news ul li a:hover{ color:#F00; text-decoration:underline; }
.news ul li span{ position:absolute; top:0; right:0; font-weight:normal; color:#666;}
.news ul li p{ font-weight:normal; color:#666;}
.news ul li p a{ color:#666;}

.contact{ width:255px; margin-left:20px; float:left; overflow:hidden;}
.contact .nr span{ color:#F33;}
.contact .nr li{ background:url(../images/c_ico.png) no-repeat 0 0; line-height:38px; padding-left:40px; margin-top:10px;}


.cpzs{ background-color:#f6f5f5; border-top:1px solid #dddddd; overflow:hidden;}
.cpzs .cp{ margin:0 auto; width:1100px; padding-bottom:20px; overflow:hidden;}
.cpzs .cp .title{ margin:0 auto; width:1052px; height:40px; line-height:40px; position:relative;}
.cpzs .cp .title h5{ color:#F00;}
.cpzs .cp .title h5 span{ font-weight:normal; font-size:12px; color:#666; padding-left:10px;}
.cpzs .cp .title .more{ position:absolute; top:10px; right:10px;}
.cpzs li{ float:left; width:348px; height:308px; margin:8px; }
.cpzs li img{ margin:6px; width:336px; height:268px; border-bottom:#CCC solid 1px; border-left: #CCC solid 1px;border-right: #CCC solid 1px; border-top: #CCC solid 1px;}
.cpzs li p{ width:328px; height:30px; line-height:30px; text-align:center; margin-left:10px;  }
.cpzs li p a{ color:#333; font-weight:bold; }
.cpzs li p a:hover{ text-decoration:underline;}


.fy{ border-top:1px solid #d7d7d7; padding-bottom:10px; background-color:#f6f5f5;}
.xx { margin:0 auto; width:1002px; height:74px; margin-top:10px; background: transparent url(../images/gq.png) no-repeat; overflow:hidden; }
.xx ul{display:inline;}
.xx li{ float:left;list-style: none; width:78px; text-align:left;padding-left:45px; padding-top:11px; line-height:10px;}
.xx li a{ color:#666;}


/*footer*/
.footer{ color:#666; padding-bottom:20px; background-color:#f5f5f5; overflow:hidden;}
.footer_nav{ height:30px; line-height:30px; background-color:#666; text-align:center; overflow:hidden;}
.footer_nav span{ border-left:1px solid #ccc;}
.footer_nav a{ padding:0 8px; border-right:1px  solid #ccc; color:#fff;}
.copy{ margin:0 auto; width:1100px;text-align: center;font-size: 18px;overflow:hidden; position:relative; }
.copy .logo_b{ width:180px; height:100px; background:url(../images/logo_b.png) no-repeat 0 20px; }
.copy .text{ position:absolute; top:0; left:200px; }
.copy a{ color:#666;}
.footer a:hover{ text-decoration:underline;}

/*list.html==================================*/

.left{ width:230px; margin-right:10px; background:url(../images/left_bg.jpg) no-repeat right 0; float:left; overflow:hidden;}
.left h5{ height:30px; line-height:30px; color:#666; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.left .cpdh{ padding:10px; overflow:hidden;}
.left .cpdh li{ margin-bottom:5px; overflow:hidden;}
.left .cpdh li a{ line-height:30px; background-color:#f3ebeb; font-weight:bold; text-indent:30px; color:#aa0000; display:block;}
.left .cpdh li a:hover{ color:#FFF; background-color:#bd0101;}
.left .cpdh li ul li{ border-bottom:1px dashed #CCC; margin-bottom:0px; overflow:hidden; }
.left .cpdh li ul li a{ background-color:#fff; font-weight:normal; background:url(../images/ico.gif) no-repeat 30px center; text-indent:40px;}
.left .cpdh li ul li a:hover{ background:url(../images/ico.gif) no-repeat 30px center; color:#333; }


.left .con{ padding:10px 10px 80px 10px; background:url(../images/contact_bj.png) no-repeat right bottom; overflow:hidden;}


.right{ width:840px; float:left; overflow:hidden;}
.home{ height:30px; margin-top:10px; border-bottom:1px solid #e0e0e0; overflow:hidden; position:relative;}
.home h5{ line-height:30px; color:#da0000;}
.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:377px; height:331px; margin:4px 15px 4px 15px;  border-bottom:#CCC solid 1px; border-left: #CCC solid 1px;border-right: #CCC solid 1px; border-top: #CCC solid 1px;}
.productlist li img{ margin:6px; width:365px; height:291px;  }
.productlist li p{ width:365px; height:30px; line-height:30px; text-align:center; }
.productlist li a{ color:#da0000; }
.productlist li a:hover{ text-decoration:underline;}

.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 #336000;
	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;}

/* wrapper css */
section, hgroup{display:block;}

#wrapper{ width:100%; overflow:hidden;}
#wrapper hgroup{text-align:center;}
#container{ position:relative;width:750px;  }
.grid{
	width:157px;
	height:233px;
	padding: 10px;
	margin:10px 10px 0 0;
	background:#fff;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid span { border-bottom:1px solid #ccc;margin:5px 0;display:block;padding:0;font-size:12px;}
.grid .meta{ text-align:right;color:#777; font-size:11px; height:15px; line-height:15px; overflow:hidden; }
.grid .meta a{ color:#777;}
.grid .imgholder img{
	width:157px;
	height:157px;
	background:#ccc;
	display:block;
}